The dijit.Editor

The dijit.Editor is a powerful and flexible editor that is part of the Dojo Toolkit. This page is a fully-functional example of the Rich Text editor in action with numerous plugins enabled (61 plugins, to be exact). Feel free to experiment with the content in this pane to see how the various toolbar actions affect its content.

Enabled Plugins

  • New Page
  • Save (The implementation used opens a dialog with the editor content)
  • View Source
  • Show Block Nodes
  • Full Screen
  • Preview
  • Print
  • Select All
  • Cut
  • Copy
  • Paste
  • Paste From Word New in Dojo 1.5!
  • Delete
  • Undo
  • Redo
  • Bold
  • Italic
  • Underline
  • Strikethrough
  • Superscript
  • Subscript
  • Page Break
  • Insert Horizontal Line
  • Insert Table
  • Modify Table
  • Insert Table Row Before
  • Insert Table Row After
  • Insert Table Column Before
  • Insert Table Column After
  • Delete Table Row
  • Normalize Style New in Dojo 1.5!
  • Insert Ordered List
  • Insert Unordered List
  • Indent
  • Outdent
  • Blockquote New in Dojo 1.5!
  • Normalize Indent and Outdent Behavior
  • Align Left
  • Align Right
  • Center
  • Justify
  • Toggle Direction (RTL mode)
  • Insert Entity
  • Insert/Edit Link
  • Insert Anchor New in Dojo 1.5!
  • Unlink
  • Insert/Edit Image
  • Find and Replace Augmented in Dojo 1.5! Better layout
  • Change Font
  • Change Font Size
  • Change Block Style Augmented in Dojo 1.5! Block styles can be removed.
  • Remove Format
  • Change Text Color (Foreground color) New in Dojo 1.5: Dojox version using the dojox.widget.ColorPicker!
  • Change Background Color New in Dojo 1.5: Dojox version using the dojox.widget.ColorPicker!
  • EnterKeyHandling (Normalizes enter key behavior across browsers)
  • Pretty Print (Headless plugin that formats the HTML output cleanly)
  • Delete Table Column
  • Color Table Cell
  • Table Context Menu
  • Insert Smiley New in Dojo 1.5!
  • Collapsible Toolbar New in Dojo 1.5!
  • Status Bar New in Dojo 1.5!

Example Text and Images

The Dojo Tooolkit Logo Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sodales nulla id erat venenatis auctor. Donec eget dui purus. Fusce nec augue velit, non luctus dui. Nullam eros lorem, egestas nec laoreet id, feugiat et ipsum. Morbi dignissim, enim quis placerat euismod, turpis diam imperdiet eros, ac vehicula magna nulla sed enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse turpis sapien, dapibus nec pretium a, tincidunt vitae justo. Pellentesque malesuada ultricies lacus sed vestibulum. Integer dapibus, eros ac tincidunt mattis, risus orci accumsan eros, non interdum risus orci vel quam. Maecenas quis purus id nunc aliquam auctor non sit amet elit. Suspendisse gravida, augue ac mattis luctus, massa elit tincidunt neque, a ullamcorper velit arcu vel felis. Suspendisse cursus pretium nibh, ac consequat ligula viverra feugiat. Donec mattis ullamcorper accumsan. Aliquam non nisl massa. Fusce augue quam, suscipit vel lacinia eget, sagittis sit amet justo. Suspendisse commodo neque ac tortor tempus et condimentum dolor aliquam.

Proin vel purus sed justo sollicitudin pellentesque. Duis id odio nec felis porttitor rhoncus. Nunc luctus lorem luctus lorem placerat pellentesque. Proin vel orci vel diam molestie vestibulum. Cras aliquet adipiscing porttitor. Quisque elit sem, viverra id malesuada in, porttitor in elit. Morbi blandit, metus in malesuada iaculis, augue turpis sagittis leo, quis vestibulum erat ipsum eu dui. Quisque quis mi odio, a ultricies ante. In eleifend mollis commodo. Mauris lacinia nisi tellus. Curabitur gravida placerat mi nec eleifend. Cras non turpis non purus sagittis congue. Ut accumsan, purus at consectetur porta, massa nunc euismod nulla, in sollicitudin neque diam id dui. Duis consectetur feugiat arcu, sed sollicitudin eros vulputate eu.

Nulla vitae augue eros, non egestas nisi. Quisque pellentesque, nisl id sagittis placerat, lorem justo luctus lacus, sed euismod nisl diam eget massa. Donec eget arcu neque. Suspendisse sem quam, consectetur ut semper auctor, iaculis eu metus. Nam sit amet semper massa. Aenean id ipsum pellentesque mauris scelerisque accumsan. Aliquam at sapien elit. Phasellus ac faucibus dui. Ut ac enim sit amet neque sollicitudin blandit at vel tortor. Sed nec suscipit urna. Aliquam erat volutpat. Proin varius sem ac massa feugiat euismod.

Suspendisse ipsum sapien, hendrerit sodales scelerisque vitae, facilisis sed tortor. Nam mollis lacinia diam et hendrerit. Cras velit massa, sollicitudin id facilisis id, ultricies in velit. Vivamus molestie, enim ut cursus tempus, sapien nisl fermentum ipsum, eu vestibulum orci nisl sed tellus. Curabitur fermentum nunc eget mi pulvinar nec venenatis nibh faucibus. Maecenas vel dolor ante. Pellentesque aliquet tempus massa, nec molestie felis pellentesque non. Ut id auctor risus. Maecenas eu elit eros, id vestibulum turpis. Maecenas dictum arcu nec felis tincidunt ac iaculis turpis dignissim. Vivamus id metus velit, pulvinar ultricies leo. Phasellus condimentum, ipsum ac mattis convallis, sapien mi rutrum enim, a ultricies sem metus quis ligula. In vulputate fermentum lectus a vestibulum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer et tellus dolor, eu volutpat ligula. Sed et eros massa.

Etiam adipiscing mi sed purus cursus eu porttitor urna cursus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis sollicitudin urna sapien. Aenean sed enim a lectus dapibus imperdiet at a nisi. Praesent quis magna vitae ipsum molestie consequat a quis lectus. Nullam eu sapien metus. Maecenas ultricies ultrices libero mattis malesuada. Integer neque lectus, vehicula sed facilisis a, pharetra ut nulla. Etiam mattis eleifend diam commodo pellentesque. Nunc enim ante, mollis ac accumsan a, scelerisque ut dolor. Nam purus mauris, vehicula eu vestibulum ut, viverra eu erat. Proin consequat purus et nibh blandit lobortis. Nullam id velit quam. Maecenas ut ipsum arcu. Etiam purus ipsum, venenatis nec porttitor sit amet, faucibus vehicula ligula.