Skip to content

Summernote Lite Region: Reference

Reference for Summernote Lite Region in Web Framework References. Key properties: ID, Name, Static Value, Placeholder.

Simple, yet powerful and modern WYSIWYG Editor. App Connect Summernote is a simple to configure and easy to use WYSIWYG Editor, compatible with Bootstrap 4. App Connect Summernote allows you to easily edit text, images, tables, fonts and other content visually - just like in Microsoft Word.

Inspector Property Groups

Summernote Region Properties

Property Type Details
IDtextRequired in common setups.
Attribute: id
NametextRequired in common setups.
Attribute: name
Static ValuetextAttribute: value
PlaceholdertextAttribute: placeholder
ThemedroplistAttribute: theme
Options: Bootstrap 4, Bootstrap 5, Lite
LanguagedroplistAttribute: lang
Options: English, Arabic, Azerbaijan, Bulgarian, Catalan (Spain), Czech

Layout

Property Type Details
HeighttextAttribute: height
Min HeighttextAttribute: min-height
Max HeighttextAttribute: max-height
AutofocusbooleanAttribute: autofocus
Air ModebooleanAttribute: air-mode
Use In ModalbooleanAttribute: dialogs-in-body

Formatting

Property Type Details
Disable DropbooleanAttribute: disable-drop
Disable ShortcutsbooleanAttribute: disable-shortcuts
Disable TabbooleanAttribute: disable-tab
Disable SpellcheckbooleanAttribute: disable-spellcheck
Disable GrammarbooleanAttribute: disable-grammar
Codeview FilterbooleanAttribute: codeview-filter

Actions

Set Value

Set Value of the Summernote

Configuration group Controls
Set Value PropertiesValue

Insert Text

Insert Text in the Summernote

Configuration group Controls
Insert Text PropertiesValue

Paste HTML

Paste HTML of the Summernote

Configuration group Controls
Paste HTML PropertiesValue

Disable

Disable the Summernote

Enable

Enable the Summernote

Dynamic Attributes

Value

Attribute property Type Details
Value:textChoose dynamic data binding.

Disabled

Attribute property Type Details
Disabled:textChoose dynamic data binding.

Height

Attribute property Type Details
Height:textChoose dynamic data binding.

Min Height

Attribute property Type Details
Min Height:textChoose dynamic data binding.

Max Height

Attribute property Type Details
Max Height:textChoose dynamic data binding.