eHázi - HTML formázás gomb

// ==UserScript==
// @name        eHázi - HTML formázás gomb
// @namespace   VF@eHazi
// @description HTML kódolást alkalmaz a szerkesztett szövegre és a sor eleji szóközöket törhetetlen szóközökké alakítja
// @match       https://ehazi.hu/*
// @version     0.0
// @grant       none
// ==/UserScript==

let ikon = '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bXBNTTpEb2N1bWVudElEPSJnaW1wOmRvY2lkOmdpbXA6MWZjNjhiZTMtZDAyZC00OWFjLTkwMDEtNjQ5ZjBkMGU1MTk1IgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmQwNTRhNTZjLWRiZTQtNDFhNC05NmUxLThiMDM3NGJjY2VlZCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjczMTg3YjhjLTNmOGUtNGE5Zi05MWZjLTMxZDAwYTU0MzdkZCIKICAgZGM6Rm9ybWF0PSJpbWFnZS9wbmciCiAgIEdJTVA6QVBJPSIyLjAiCiAgIEdJTVA6UGxhdGZvcm09IkxpbnV4IgogICBHSU1QOlRpbWVTdGFtcD0iMTY2ODQ1MzUxNTA0MjcyNiIKICAgR0lNUDpWZXJzaW9uPSIyLjEwLjMwIgogICB0aWZmOk9yaWVudGF0aW9uPSIxIgogICB4bXA6Q3JlYXRvclRvb2w9IkdJTVAgMi4xMCI+CiAgIDx4bXBNTTpIaXN0b3J5PgogICAgPHJkZjpTZXE+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InNhdmVkIgogICAgICBzdEV2dDpjaGFuZ2VkPSIvIgogICAgICBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjY3ZmQyMDZmLWYzYzUtNGFhZi1hYTMxLTJiM2FiNDYwZDJhZSIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iR2ltcCAyLjEwIChMaW51eCkiCiAgICAgIHN0RXZ0OndoZW49IjIwMjItMTEtMTRUMjE6MTU6MzArMDI6MDAiLz4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NzAxNDI5Y2QtZWM3Ni00ZTYzLTlkMGMtYmIyMWFhMGNhOTA2IgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKExpbnV4KSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyMi0xMS0xNFQyMToxNjozOSswMjowMCIvPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJzYXZlZCIKICAgICAgc3RFdnQ6Y2hhbmdlZD0iLyIKICAgICAgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozZGMyZGQ0NC1mYmM3LTRjNmItYWYwZS01MDhiOTQzNTMzOGYiCiAgICAgIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkdpbXAgMi4xMCAoTGludXgpIgogICAgICBzdEV2dDp3aGVuPSIyMDIyLTExLTE0VDIxOjE4OjM1KzAyOjAwIi8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PlTdXVMAAAAGYktHRAD/AP8A/6C9p5MAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4TEiNfNQiVAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAAE9JREFUSMftkVsKACAIBFfp/le2r8CiF5RBsPMtCzMChJBw5NKOdfYMAPSnGuZM7JmBBFhU2+EG2rRbNl3c+CpvfpAG/XYaz34qxU5ByCkZA6MVA+Q3A5IAAAAASUVORK5CYII='

;[
  {urlap: 'newQuestionForm', mezo: 'new_question_description'},
  {urlap: 'newAnswerForm'  , mezo: 'new_answer_description'  },
  {urlap: 'editAnswerForm' , mezo: 'edit_answer_description' },
].forEach(szerkeszto => {
  let eszkozTar = document.querySelector(`form#${ szerkeszto.urlap } div.w3-light-grey:not([id])>div:first-child`)
  if (! eszkozTar)
    return

  let gomb = document.createElement('img')
  gomb.src = 'data:image/png;base64,' + ikon
  gomb.alt = 'HTML'
  gomb.title = 'HTML formázás'
  gomb.className = 'w3-margin-right w3-hover-grey w3-round-large'
  gomb.style.cursor = 'pointer'
  gomb.style.padding = '2px'
  gomb.dataset.toggle = 'tooltip'
  gomb.addEventListener('click', () => htmlFormazas(szerkeszto.mezo))

  eszkozTar.appendChild(gomb)
})

function htmlFormazas(mezo)
{
  let szerkeszto = document.getElementById(mezo)
  if (! szerkeszto)
    return

  let potya = document.createElement('div')
  potya.textContent = szerkeszto.value.replace(/^ +/mg, g => g.replace(/  /g, String.fromCharCode(0xa0) + ' '))
  szerkeszto.value = potya.innerHTML
}