neoBlockEditor
Block-style editor with a universal JSON output
It's a modern, block-structured web editor designed for building intuitive, clean, and readable content. It deviates from the traditional rich text editors by organizing content into discrete blocks of various types, such as paragraphs, headings, images, lists and more.
Based on:
https://editorjs.io/
Description
The neoBlockEditor plugin for VisualNEO Web introduces an interactive, block-based content editor, allowing users to create and edit modular content blocks within applications. Here’s a summary of its main features:
- Block-Based Content Editing:
- neoBlockEditor supports the creation and manipulation of predefined blocks of content, which can include text, images, lists, and other media. This feature is particularly helpful for applications where users need a visual editor to create formatted content.
- Drag-and-Drop Interface:
- The plugin provides a drag-and-drop interface, enabling users to rearrange content blocks intuitively. This structure allows for flexible page designs that can be easily customized without coding knowledge, making it suitable for user-generated content or simple page layouts.
- JSON Data Handling:
- Content created in the neoBlockEditor can be exported as JSON, allowing easy storage, sharing, and reloading of structured content data. This feature is useful for apps that need to save user-generated layouts or content configurations.
The neoBlockEditor plugin offers a versatile tool for applications where users need to create or manage content blocks, making it suitable for CMS features, user-designed layouts, or interactive documentation​.
neoBlockEditorInit
Purpose: |
Initialize block editor |
Category: |
neoBlockEditor |
Syntax: |
neoBlockEditorInit "objId" autoFocus readyCallback changeCallback
objId Select a Container object autoFocus Autofocus readyCallback Subroutine to execute when ready (optional) changeCallback Subroutine to execute on any change (optional) |
neoBlockEditorLoad
Purpose: |
Populate the block editor with new content. This method expects data in the block editor JSON output format |
Category: |
neoBlockEditor |
Syntax: |
neoBlockEditorLoad "objId" dataVar
objId Select a Container object dataVar Variable object with neoBlockEditor data |
neoBlockEditorSave
Purpose: |
Save block editor data in JSON format |
Category: |
neoBlockEditor |
Syntax: |
neoBlockEditorSave "objId" resultVar callBack
objId Select a Conatianer object resultVar Object variable to store result callBack Callback subroutine (optional) |
neoBlockEditorRender
Purpose: |
Render previously saved data into a Container |
Category: |
neoBlockEditor |
Syntax: |
neoBlockEditorRender "objId" "objVar"
objId Select a target Container objVar Object variable with stored block editor data |
neoBlockEditorClear
Purpose: |
Remove all blocks from the current editor instance, effectively resetting the editor to an empty state. |
Category: |
neoBlockEditor |
Syntax: |
neoBlockEditorClear "objId"
objId Select a Container object |
neoBlockEditorDestroy
Purpose: |
Destroy the block editor, clean up resources, remove event listeners, and perform other necessary cleanup tasks. |
Category: |
neoBlockEditor |
Syntax: |
neoBlockEditorDestroy "objId"
objId Select a Container object |
neoBlockEditorReadOnly
Purpose: |
Sets or undets read only mode |
Category: |
neoBlockEditor |
Syntax: |
neoBlockEditorReadOnly "objId" mode
objId Select a Container object mode Read only? |
Created with the Personal Edition of HelpNDoc: Easily create HTML Help documents