Dojo Dijit Editor Sample

Get value of dijit editor

by bRIMOs

HTML

<link href="//ajax.googleapis.com/ajax/libs/dojo/1.10.0/dijit/themes/claro/claro.css" rel="stylesheet" />
<script>
  dojoConfig = {
    parseOnLoad: false,
    async: true
  };
</script>
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>

<body class="claro">
  <label for="eed-event-description" class="required">Event Description</label><br />
  <div id="eed-event-description" data-dojo-type="dijit/Editor" height="120px" title="required: brief description of what someone attending can expect at the event" required>
    <p>SSS</p>
  </div>
 
  <div id="btn">Alert the value + SHOW RESULT -> </div><br>
  Result : <div id="result"></div>
</body>

JavaScript

require(["dojo/parser","dijit/form/Button","dojo/dom", "dojo/on", "dijit/registry", "dijit/Editor", "dojo/domReady!"], function(parser, Button,dom, On, Registry, Editor) {
	parser.parse();
  var btn = new Button({}, "btn")
    
  var myEditor = Registry.byId("eed-event-description");
    
	On(btn, "click", function() {
      
      alert(myEditor.get("value"));
      dom.byId("result").innerHTML = myEditor.get("value");
  });
  
});