Air-modeAir-mode give an interface without the Toolbar. To reveal popover Toolbar, select a text where you want to modify. Simply turn on Show
ExampleThis is an Air-mode editable area.
End of air-mode area Themes with bootswatchStyles 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. Multiple EditorTo display multiple editors on a page, you need to place more than two
Then run summernote with jQuery selector.
summernote 1 summernote 2 Click to editYou can edit content on the fly. html:
Javascript:
Hello world~! Codemirror as codeviewIf you
include a
Initialize Summernote with codemirror options
CodeMirror is a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with a number of language modes and addons that implement more advanced editing functions. Custom SVG iconsThis example shows how to e.g. override the default summernote icons with the free svg versions of FontAwesome.
HintSummernote 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.
Hint for words
Hint for emojiFor Emoji’s you can use
Hint for mentionsFor Mentions: [jayden, sam, alvin, david] |