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.
<!-- 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.
Adds aligning options for your content.
Limits the number of inserted characters in the editor.
Beautifies the code inside the code view mode.
Enables code view for the editor content.
Adds the possibility to change the background and text colors.
Adds the capability to drag content. E.g.: images, videos.
Embeds any content from the web in the editor
Makes your users smile
Converts characters to special HTML entities.
Browse and delete files on your server.
Upload/Download any kind of files.
Insert Font Awesome icons in the editor text.
Allows users to select from different font types.
Allows users to change the font size with pixel precision.
Adds the option to open the editor in fullscreen.
Displays the available shortcuts inside the editor.
Enables advanced image editing.
Browse and delete images on your server.
Embelish your images with filters, frames, stickers, touch-up tools and more.
Define custom classes for selected text.
Define custom styles for selected text.
Helper to add new lines between elements such as tables.
Allows users to select the line height for the current selected paragraph.
Enables advanced link editing.
Allows users to insert lists in the editor.
Format text content in the editor using predefined markdown syntax.
Allows users to change the type of a paragraph.
Allows users to choose a style for a paragraph.
Adds the print option to the toolbar.
Helper to add images, tables and other stuff easier.
Adds the capability of handling multiple quote levels.
Enables saving content inside the editor using AJAX.
Adds the possibility to insers special characters.
Allows the user to see and correct spelling errors while typing.
Track changes like new or deleted content and style and formatting changes.
Basic and advanced operations on cells, rows and columns.
Convert text to URL as you type.
Easily insert videos by URL or by embedded code.
Cleans the HTML pasted from Word.