jquerycodemirrorcodemirror-modesreact-codemirror

How to change event dbl-click in code-mirror


I want to change the event dbl click but my code is not correct and does not work What I want the code to do

my code

my jquery code for code-mirror

function Script() {
  var ua = navigator.userAgent; 
  if (ua && ua.toUpperCase().indexOf("OPERA MINI") > -1) {
  return false;
  } 
  window.editor = CodeMirror.fromTextArea(document.getElementById("fldScript"), {
  mode: "text/javascript",
  htmlMode: true,
  lineWrapping: true,
  autoCloseTags: true,
  smartIndent: false,
  addModeClass: true,
  extraKeys: {
     "Ctrl-Space": "autocomplete",
     /*-------------- function dbl-click------------------*/
     "dblclick" : function(cm) {
       cm.setOption("fullScreen", !cm.getOption("fullScreen"));
     },
     /*-------------- function key-press F11------------------*/
     "F11": function(cm) {
       cm.setOption("fullScreen", !cm.getOption("fullScreen"));
     },
     "Esc": function(cm) {
     if (cm.getOption("fullScreen")) 
        cm.setOption("fullScreen", false);
     }
    } 
  });
  window.editor.on("change", function() {
    window.editor.save();
  });
}
Script();

Solution

  • function Script() {
      var ua = navigator.userAgent;
      if (ua && ua.toUpperCase().indexOf("OPERA MINI") > -1) {
    return false;
    }
      window.editor = CodeMirror.fromTextArea(document.getElementById("fldScript"), {
    mode: "javascript",
    htmlMode: true,
    lineWrapping: true,
    autoCloseTags: true,
    smartIndent: false,
    addModeClass: true,
    extraKeys: {
      "Ctrl-Space": "autocomplete",
      "F11": function(cm) {
        cm.setOption("fullScreen", !cm.getOption("fullScreen"));
      },
      "Esc": function(cm) {
        if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
      }
    }
      });
      window.editor.on("change", function() {
       window.editor.save();
     });
      window.editor.on('dblclick', function() {
       if (window.editor.getOption("fullScreen") == false)
    window.editor.setOption("fullScreen", !window.editor.getOption("fullScreen"));
      });
    }
    Script();