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