Default

data-provide="summernote" applies to <textarea>


Set options

You can apply summernote's options using data attributes. For example to set height option, add data-height="150" to the <textarea> and for minHeight option use data-min-height="150".

Slim toolbar

data-toolbar="slim" applies to the summernote.

Full toolbar

data-toolbar="full" applies to the summernote.

Air mode

data-air-mode="true" applies to the summernote. Select a text to see the editor.

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

Click to edit

Sample text to edit.