Sorry, Show/Hide Linenumbers in Gutter

[ldijkman]

Sorry me again

Show/Hide Linenumbers in Gutter
in Ace settings menu this can be done
but cannot figure out how it is done
searched the Ace code for hours and treid some things
but it is not as perfect as in the ace settings menu

var onoff=1;
function togglelinenumbers() {
  if (onoff==1) {
      //editor.renderer.setOption('showLineNumbers', false);
      //editor.renderer.setShowGutter(false);
      const nodeList = document.querySelectorAll(".ace_gutter-cell");
      for (let i = 0; i < nodeList.length; i++) {
          //nodeList[i].innerHTML = "" // removes linenumbes from gutter but cursor gets strange on typing
          //nodeList[i].innerText = "";// removes linenumbes from gutter but cursor gets strange on typing
      }
      // cannot find how they turn off linenumbers in ace settings menu
      document.querySelector(".ace_gutter").style.width = "20px";//hides linumbers, shows icons, but not folding thingy
      onoff=0;
  }else{
      //editor.renderer.setOption('showLineNumbers', false);
      //editor.renderer.setshowLineNumbers(false);
      //editor.renderer.setShowGutter(true);
      //document.querySelector(".ace_gutter-cell ").innerhtml="";      
      document.querySelector(".ace_gutter").style.width = "55px";
      onoff=1;
  }
}

https://ldijkman.github.io/Ace_Seventh_Heaven/Hell.html

[ldijkman]

wow i spend many hours on this one searching and trying

 <input type="button" class="dropbt" id="linenmbrsbutton" onclick="togglelinenumbers()" title="Toggle the Gutter LineNumbers" style="" onmouseover="this.focus()" value="Hide LineNumbers">
<script>  
 var onoff=1;
function togglelinenumbers() {
  if (onoff==1) {
      editor.setOption('showLineNumbers', false);
      doocument.getElementById("linenmbrsbutton").value="Show LineNumbers";
      onoff=0;
  }else{
       editor.setOption('showLineNumbers', true);
       doocument.getElementById("linenmbrsbutton").value="Hide LineNumbers";
      onoff=1;
  }
</script>