Dojo Editor Example

In this example, you will learn about the dojo editor.

Dojo Editor Example

       

In this example, you will learn about the dojo editor.

Editor: This is a Dijit's Rich Text editor, Dijit.Editor, is a text box that designed to look as a word processor. It works like a word processor. The features of editor is follow:

  1. Toolbar
  2. HTML output, and 
  3. Plugin architecture 

Which supports new commands, new buttons and other new features also.

The default configuration of Dijit.Editor has a toolbar on the top to the editor section, that contains Copy, Cut, Paste, Italic, Underline, Numbered, Bulleted list, Indent lift and Indent right.

Here is the code of Example:

<html>
<head>

<title>Editor Demo</title>

 <style type="text/css">
  @import "../dijit/themes/soria/soria.css";
  @import "/resources/dojo.css";
  </style>

  <script type="text/javascript" src="dojo.xd.js" djConfig="parseOnLoad: true"></script>

  <script type="text/javascript">
 dojo.require("dojo.parser");
 dojo.require("dijit.Editor");
 </script>

</head>
<body class="soria">

  <textarea name="field" dojoType="dijit.Editor"> 
  This tips is light towards people with some JavaScript knowledge, priestly used 
another JavaScript (Ajax) framework before, now have a real need to use some of the 
features found in dojo. In this tips, learn about the dojo and its directory structure. 
The purpose of this tips, for a new user learn to dojo then you need to know about the 
what is dojo and its directory structure.
  </textarea>
 
</body>
</html>