Insert images, horizontal rules, and tables

This page covers the insertion commands that add richer structures to the document: insertImage, insertHorizontalRule, and insertTable.

Hello from the insertion API.

HTML output

Ready.

Example configuration - Media and Tables

summernote.create('#insertion-media-table-editor', {
  height: 260,
});

const source = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAF0lEQVQYGWP8////fwYsgAmLGFiIHhIAT+oECGHuN2UAAAAASUVORK5CYII=';
await summernote.invoke('#insertion-media-table-editor', 'insertImage', source, 'image');
summernote.invoke('#insertion-media-table-editor', 'insertHorizontalRule');
summernote.invoke('#insertion-media-table-editor', 'insertTable', '2x2');