JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<div id="myEditor" data-dojo-props="editor: 'dijit.Editor', renderAsHtml:true,editorParams:{plugins:['bold']}" dojoType="dijit.InlineEditBox" style="cursor: pointer" > Editable text. when i single click on it it is editable. now I want that it should be editable on dblclick</div> 
<!-- <div id="DIV">

</div> -->

JavaScript

dojo.require("dijit.Editor");
dojo.require("dijit.InlineEditBox");
dojo.require("dojo.dom-construct");
dojo.ready(function(){
	/*	domConstruct.create("div", { id: "myEditor", dojoType: "dijit.InlineEditBox", style: "cursor: pointer", value: "rr", editor: 'dijit.Editor', renderAsHtml:true,editorParams:{plugins:['bold']}},"DIV");*/                            
    var editor = dijit.byId("myEditor");
    editor._onClick = function(evt){
        console.debug("Do nothing");
    };
    editor.connect(editor.domNode, "dblclick", function(evt){
       editor.edit();
    });
});