Summernote Region: Reference
Reference for Summernote 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 |
|---|---|---|
| ID | text | Required in common setups. Attribute: id |
| Name | text | Required in common setups. Attribute: name |
| Static Value | text | Attribute: value |
| Placeholder | text | Attribute: placeholder |
| Theme | droplist | Attribute: theme Options: Bootstrap 4, Bootstrap 5, Lite |
| Language | droplist | Attribute: lang Options: English, Arabic, Azerbaijan, Bulgarian, Catalan (Spain), Czech |
Layout
| Property | Type | Details |
|---|---|---|
| Height | text | Attribute: height |
| Min Height | text | Attribute: min-height |
| Max Height | text | Attribute: max-height |
| Autofocus | boolean | Attribute: autofocus |
| Air Mode | boolean | Attribute: air-mode |
| Use In Modal | boolean | Attribute: dialogs-in-body |
Formatting
| Property | Type | Details |
|---|---|---|
| Disable Drop | boolean | Attribute: disable-drop |
| Disable Shortcuts | boolean | Attribute: disable-shortcuts |
| Disable Tab | boolean | Attribute: disable-tab |
| Disable Spellcheck | boolean | Attribute: disable-spellcheck |
| Disable Grammar | boolean | Attribute: disable-grammar |
| Codeview Filter | boolean | Attribute: codeview-filter |
Actions
Set Value
Set Value of the Summernote
| Configuration group | Controls |
|---|---|
| Set Value Properties | Value |
Insert Text
Insert Text in the Summernote
| Configuration group | Controls |
|---|---|
| Insert Text Properties | Value |
Paste HTML
Paste HTML of the Summernote
| Configuration group | Controls |
|---|---|
| Paste HTML Properties | Value |
Disable
Disable the Summernote
Enable
Enable the Summernote
Dynamic Attributes
Value
| Attribute property | Type | Details |
|---|---|---|
| Value: | text | Choose dynamic data binding. |
Disabled
| Attribute property | Type | Details |
|---|---|---|
| Disabled: | text | Choose dynamic data binding. |
Height
| Attribute property | Type | Details |
|---|---|---|
| Height: | text | Choose dynamic data binding. |
Min Height
| Attribute property | Type | Details |
|---|---|---|
| Min Height: | text | Choose dynamic data binding. |
Max Height
| Attribute property | Type | Details |
|---|---|---|
| Max Height: | text | Choose dynamic data binding. |