JavaScript DHTML/Dojo toolkit/Rich Text Editor

Материал из Web эксперт
Перейти к: навигация, поиск

Create rich text editor programmatically

 
<html>
  <head>
    <link rel="StyleSheet" type="text/css"
      href="js/dojo/dijit/themes/tundra/tundra.css">
    <script type="text/javascript">
      var djConfig = {
        baseScriptUri : "js/dojo/",
        parseOnLoad : true
      };
    </script>
    <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
    <script>
      dojo.require("dojo.parser");
      dojo.require("dijit.Editor");
      dojo.addOnLoad(createProgrammatically);
      function createProgrammatically() {
        var descField = document.createElement("textarea");
        descField.cols = 42;
        dojo.byId("my").appendChild(descField);
        new dijit.Editor({id : "description"}, descField);
      }
    </script>
  </head>
  <body class="tundra">
        Programmatically-created
        <div id="my"></div>
  </body>
</html>



Setup RichTextEditor

 
<html>
  <head>
    <link rel="StyleSheet" type="text/css"
      href="js/dojo/dijit/themes/tundra/tundra.css">
    <script type="text/javascript">
      var djConfig = {
        baseScriptUri : "js/dojo/",
        parseOnLoad : true
      };
    </script>
    <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
    <script>
        dojo.require("dojo.parser");
       dojo.require("dijit.Editor");
    </script>
  </head>
  <body class="tundra">
     <textarea name="field" dojoType="dijit.Editor">   
      asdf
    </textarea>
  </body>
</html>