Non-Editable

Protected non-editable container (noneditable). Renders as <div data-block="noneditable" contenteditable="false">. JSON data: { content: string, ...common }; nested blocks are mounted from inner HTML.

Type: noneditable · Class: NonEditableBlock

Access:

app.block.get()
app.blocks.findByEl(el)
app.blocks.create(type)

App code:

const block = app.block.get();

Plugin:

const block = this.app.block.get();

getData#

Returns common block fields plus content — the wrapper's innerHTML.

Returns: object

block.getData();

update#

Applies common fields, then re-syncs inner HTML from content when that key is present.

Parameters:

• data (object) — object with the keys below
  • content (string) — wrapper innerHTML
  • id, classname, styles, attrs, … — common block fields (see Common update)

Returns: void

block.update({ content: '<em>Updated</em>' });

block.update({ content: '<div class="widget">…</div>', classname: 'locked' });