A plugin for the Summernote WYSIWYG editor.

summernote-classes adds functionality that indicates the current clicked on element inside the editing area, if classes for language and options are set, the classes will displayed next to the selected element which are clickable to toggle that class for the selected element with indication if the element contains the class or not. Classes not outlined in the plugin lang, or options will simply be displayed as the Element Node Type without the class options.

Included are some sample classes from Bootstrap 4, feel free to add, edit or remove.

Include the following code after Summernote:

<script src="summernote-classes.js"></script>

Currently available in English!

The classes should be added in the plugin directly, the array in the language part must match up with the array in the options section. There is now an option disableTableNesting: false|true within the plugin that if set to true will disable the Table Button in the Toolbar to stop inserting a Table inside a Table.

• Diemen Design