Editra documentation

Content types

Insert structured tables, images, videos, code, emoji, and navigable document elements.

Tables

Use the grid picker, resize rows and columns, merge and split cells, add or remove rows and columns, and select a complete table from its corner handle.

editor.executeCommand("insertTable", { rows: 4, columns: 3 });

Open table demo →

Images

Insert local files, clipboard images, data URLs, or web URLs. Resize in place through handles.

editor.executeCommand("insertImage", {
  url: "https://example.com/diagram.png",
  alt: "Architecture diagram"
});

Video

Insert local MP4 files and supported web embeds. Inline players remain resizable and pagination-safe.

editor.executeCommand("insertVideo", {
  url: "https://www.youtube.com/watch?v=VIDEO_ID"
});
YouTube may deny embedding for individual videos or return player configuration errors. Use an embeddable video and serve the page over HTTP(S).

Open media demo →

QR codes and barcodes

Insert persisted, selectable QR matrices and barcode objects from focused dialogs. Generated objects remain movable, resizable, deletable, and export-safe.

editor.executeCommand("insertQRCode", { data: "https://editra.in" });
editor.executeCommand("insertBarcode", { data: "EDITRA-2026", format: "CODE128" });

Open QR and barcode demo →

Document structure

Insert configurable code blocks, block quotes, horizontal rules, page breaks, date/time, a heading-driven table of contents, emoji, and categorized special characters.

Open code block demo → · Open special characters demo →