Plugins
About
Using a modular programming structure based on plugins, we managed to improve the WYSIWYG HTML editor's performance, making it more efficient, easier to understand, extend, modify and maintain. The main advantage is that you can include only the plugins that you need, instead of having all of them already in.
Available Plugins
Plugins extend the basic functionality of the rich text editor. To add a plugin, just include its corresponding javascript and stylesheet files. For example, you can use the table plugin by adding the following lines after you include the editor code JS file.
<!-- Include the Tables plugin CSS file -->
<link rel="stylesheet" href="../css/plugins/table.min.css">
<!-- Include the Tables plugin JS file -->
<script src="../js/plugins/table.min.js"></script> We have numerous of plugins (listed below), but you can create your own plugins as well. Create plugin article explains how to do that.
Align
Adds aligning options for your content.
Char Counter
Limits the number of inserted characters in the editor.
Code Beautifier
Beautifies the code inside the code view mode.
Code View
Enables code view for the editor content.
Colors
Adds the possibility to change the background and text colors.
Draggable
Adds the capability to drag content. E.g.: images, videos.
Embedly
Embeds any content from the web in the editor
Emoticons
Makes your users smile
Entities
Converts characters to special HTML entities.
Files Manager
Browse and delete files on your server.
File
Upload/Download any kind of files.
Font Awesome
Insert Font Awesome icons in the editor text.
Font Family
Allows users to select from different font types.
Font Size
Allows users to change the font size with pixel precision.
Fullscreen
Adds the option to open the editor in fullscreen.
Help
Displays the available shortcuts inside the editor.
Image
Enables advanced image editing.
Image Manager
Browse and delete images on your server.
Image Tui
Embelish your images with filters, frames, stickers, touch-up tools and more.
Inline Class
Define custom classes for selected text.
Inline Style
Define custom styles for selected text.
Line Breaker
Helper to add new lines between elements such as tables.
Line Height
Allows users to select the line height for the current selected paragraph.
Link
Enables advanced link editing.
Lists
Allows users to insert lists in the editor.
Markdown Support
Format text content in the editor using predefined markdown syntax.
Paragraph Format
Allows users to change the type of a paragraph.
Paragraph Style
Allows users to choose a style for a paragraph.
Adds the print option to the toolbar.
Quick Insert
Helper to add images, tables and other stuff easier.
Quote
Adds the capability of handling multiple quote levels.
Save
Enables saving content inside the editor using AJAX.
Special Characters
Adds the possibility to inserts special characters.
Spell Checker
Allows the user to see and correct spelling errors while typing.
Track Changes
Track changes like new or deleted content and style and formatting changes.
Table
Basic and advanced operations on cells, rows and columns.
URL
Convert text to URL as you type.
Video
Easily insert videos by URL or by embedded code.
Word Counter
Display the word count at the bottom bar of the editor.
Word Paste
Cleans the HTML pasted from Word.
Do you think we can improve this article? Let us know.