Usage
<div id="editor" ui-type="Editor"
ui-editable-elements='[{"id":"editorHeader","toolbarDisplay":0},{"id":"editorFooter","toolbarDisplay":1},{"id":"editorInline","toolbarDisplay":2}]'></div>
<div id="editorHeader" class="inline-editor" contenteditable="true" placeholder="Editor at Header"></div>
<div id="editorFooter" class="inline-editor" contenteditable="true" placeholder="Editor at Footer"></div>
<div id="editorInline" class="inline-editor" contenteditable="true" placeholder="Editor at Caret"></div>
const editor = $UI.createComponent(componyx.UI.Editor, {
id: 'editor',
editableElements: [
{ id: 'editorHeader', toolbarDisplay: 0 },
{ id: 'editorFooter', toolbarDisplay: 1 },
{ id: 'editorInline', toolbarDisplay: 2 }
],
containerElement: document.body
});
editor.show();