// TODO: works only once on a page

// requires JQuery

sS hAceEditor(S text, O... _) {

  //_ = html_massageAutofocusParam(_);

  optPar S name = "text";

  S id = "ace_" + name;

  ret div(htmlEncode2(text), params_stylePlus("display: none", paramsPlus(_, +id)))

    + hscriptsrc("https://botcompany.de/ace-builds/src-noconflict/ace.js")

    + hscriptsrc("https://botcompany.de/ace-builds/src-noconflict/ext-language_tools.js")

    + hhiddenWithIDAndName(name)

    + hscript(replaceDollarVars([[ {

      ace.require("ace/ext/language_tools");

      var editor = ace.edit($id);

      editor.setTheme("ace/theme/ambience");

      editor.getSession().setTabSize(2);

      editor.getSession().setUseSoftTabs(true);

      editor.getSession().setUseWrapMode(true);

      document.getElementById($id).style.fontSize='15px';

      editor.setOptions({

        enableBasicAutocompletion: true

      });

      var hiddenVal = document.getElementById($name);

      function updateHidden() {

        //hiddenVal.value = editor.getValue();

        var newVal = editor.getValue();

        if (hiddenVal.value != newVal)

          $(hiddenVal).val(newVal).trigger('change');

      }

      updateHidden();

      editor.session.on('change', updateHidden);

      var div = $("#" + $id);

      div.show();

      //editor.focus();

    } ]], id := jsQuote(id), name := jsQuote(name));

}