Air-mode give an interface without the Toolbar. To reveal popover Toolbar, select a text where you want to modify. Simply turn on airMode and just focus on text.
This is an Air-mode editable area.
Select a text to reveal the toolbar.
Edit rich document on-the-fly, so elastic!
End of air-mode area
Themes with bootswatch
Styles change according to Bootstraps Theme.
The editor below editor uses the Bootswatch Themes based on Bootstrap 3, you can also do the same with Bootstrap 4: Bootswatch
If you wish to use the Lite version of Summernote and change it’s theme, you can look at or use the Themes at summernote-themes.
To display multiple editors on a page, you need to place more than two <div> elements in HTML.
Then run summernote with jQuery selector.
Click to edit
You can edit content on the fly.
Codemirror as codeview
If you include a CodeMirror on a page, you can use CodeMirror to Codeview. Include jQuery, Bootstrap and CodeMirror with Summernote.
Initialize Summernote with codemirror options
Summernote supports autocomplete features, hint to help typing. You can define custom hints with options. Hint options can be an object or array for multiple hints.
Regular expression for checking trigger pattern.
Handler for matched keyword. You can passed suggestion items with callback. First argument is keyword and second is callback.
Item template on suggestion popover. This function get item as argument and should return String type.
Template function for insertion. You can switch item with node for insertion with this function. This function get item as first argument and should return Element or String.
Hint for words
Hint for emoji
For Emoji’s you can use https://api.github.com/emojis