Air-mode gives clearer interface with hiddened toolbar. To reveal toolbar, select a text where you want to shape up. 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
Style changed accroding to bootstrap theme.
More bootstrap theme: Bootswatch
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 support autocomplete features, hint for helping typing. You can define custom hint with options. Hint options can be 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.