jQuery Rich Text Editor

The jQuery Rich Text Editor enables your users to create and format text using the familiar buttons for Bold, Italic, Underline, Justify, Indent and more. Let them set different font names, sizes and text and background colors, as well as style existing HTML elements. Give them the opportunity to easily insert and format lists, tables, images, hyperlinks and form elements. And to provide even more styling options, add predefined CSS class names or create your own custom tools, buttons, dropdowns or dialogs to meet your requirements.

See the jQuery Rich Text Editor Demo

Tools represent all the functionality available to the end-user to modify the text and appear on the built-in toolbar.

• Bold, underline, italics, and strike-through tools
• Subscript and superscript tools
• Text aligning tools
• Indent and outdent tools
• Ordered and unordered list tools
• Font Size and Font Name tools
• Styling tools for predefined headers and paragraph styling
• Undo and redo tools
• Hyperlink tools
• Insert image dialog
• Create and modify table tools
• View rendered HTML tools

See the jQuery Rich Text Editor Built-in Tools Demo

Ensure the jQuery Editor satisfies all your requirements by editing the built-in tools or create your own from scratch.

See the jQuery Rich Text Editor Custom Tools demo

The jQuery Editor not only gives your users the ability to insert images and file attachments, but it also provides full-featured browsers. These dialogs consist of Address and Search fields, a File Browser panel which shows the available files, File Upload, Create a New Folder and Delete features. Furthermore, it features a panel that lists file properties.

See the jQuery Rich Text Editor File and Image Browser demo

The jQuery Editor’s format Painter functionality allows you to quickly apply the same formatting such as color, border style, font style and size to multiple pieces of text. 

See the jQuery Rich Text Editor Format Painter Demo

The jQuery Editor features full table editing functionality. Built-in tools include:

• Table a wizard 
• Create table 
• Add row above/below 
• Add column left/right 
• Delete row/column 
• Merge cells horizontally 
• Merge cells vertically 
• Split cell horizontally/vertically 

See the jQuery Rich Text Editor Table Editing demo

Boost user productivity with support for content Snippets. These can be predefined plain text or HTML blocks that can be inserted from a menu or button.

See the jQuery Rich Text Editor Snippets demo

Provide out-of-the-box styles for users to apply to their content. This is great for UX and consistency as you can expose a specific list of styles on a menu.

See the jQuery Rich Text Editor Styles demo

The jQuery Editor provides built-in functionality to export its content as a PDF file. All you need to do is enable it, specify how you would like the file to be creates, and add the button to the toolbar.

See the jQuery Rich Text Editor PDF Export demo

The jQuery Editor includes logic to clean content of extraneous information and tags when pasted from other software such as Microsoft Word.

See the jQuery Rich Text Editor Paste Cleanup demo

Lock preset content from editing by using the jQuery Editor’s Immutable Elements feature.

See the jQuery Rich Text Editor Immutable Elements Demo

The jQuery Editor supports any globalization or localization scenarios. You can also enable RTL mode to display the control’s text and UI elements from left to right.

Read the jQuery Globalization documentation

Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate and interact with items.  

See the jQuery Editor Keyboard Navigation demo