Create semantic, readable content with Word-like familiarity.
A complete formatting surface without assembling basic controls yourself.
Open Working Demoeditor.executeCommand("setHeading", "h2");
editor.executeCommand("setFontFamily", "Segoe UI");
editor.executeCommand("highlightText", "#fff176");Generate responsive UI from plugin and toolbar configuration.
Ship a focused interface for each workflow instead of exposing irrelevant controls.
Open Working Democonst editor = await Editra.init({
selector: "#editra-editor",
plugins: ["bold", "italic", "formatting"],
toolbar: "bold italic | foreColor highlighter",
showMenuBar: true
});Use standard sizes, orientation, margins, rulers, headers, footers, and page breaks.
Page decisions are first-class editor state rather than application-side decoration.
Open Working Democonst editor = await Editra.init({
selector: "#editra-editor",
pageSize: "A4",
orientation: "portrait",
margins: { top: "1in", right: "1in", bottom: "1in", left: "1in" }
});Insert from a grid, resize, merge, split, style, select, and paginate tables.
Document-oriented operations and large-table flow are available through commands.
Open Working Demoeditor.executeCommand("insertTable", { rows: 6, columns: 4 });
editor.executeCommand("setTableBorderColor", "#15171a");Insert local, clipboard, data-stream, URL image, MP4, and supported video embeds.
Resizable media blocks are handled as editor content and pagination-safe objects.
Open Working Demoeditor.executeCommand("insertImage", { url: "/diagram.png", alt: "Diagram" });
editor.executeCommand("insertVideo", { url: "/walkthrough.mp4" });Undo/redo, find/replace, format painter, merge fields, paste control, and source view.
Common document workflows share the same command registry and event model.
Open Working Demoeditor.executeCommand("findReplace", { find: "Draft", replace: "Final" });
editor.executeCommand("insertMergeField", { name: "CustomerName" });Open DOCX and styled HTML through Editra's native secure document pipeline.
Supported fonts, spacing, tables, page settings, images, and safe CSS reach the editor without a separate website converter.
Open Working Demoawait editor.executeCommand("importWord");
// or
await editor.executeCommand("importHTML");Route page-aware output to PDF, Word, HTML, Markdown, and print.
Visible page structure is included in serialization and export snapshots.
Open Working Demoawait editor.executeCommand("exportPDF");
await editor.executeCommand("exportWord");
await editor.executeCommand("printContentOnly", true);Use Word-like shortcuts, responsive controls, focus states, and semantic structures.
Familiar interaction reduces training effort while configuration remains browser-safe.
Open Working Democonst editor = await Editra.init({
selector: "#editra-editor",
plugins: ["bold", "italic", "underline", "shortcuts"]
});Generate Code128, Code39, EAN13, and QR SVG objects from focused dialogs.
Encoded values persist in the document model and remain selectable, draggable, resizable, deletable, and export-safe.
Open Working Demoawait editor.executeCommand("insertBarcode", {
value: "EDITRA-2026", format: "CODE128"
});
await editor.executeCommand("insertQrCode", {
value: "https://editra.in"
});Insert syntax-ready or plain code blocks, choose their background, and edit source without losing container text.
Source mode preserves user HTML while block pagination and presentation stay configurable.
Open Working Demoeditor.executeCommand("insertCodeBlock", {
language: "javascript", background: "#eef2ff"
});
editor.executeCommand("toggleCodeView");Use compact color palettes, No Fill, stable list toggles, superscript, subscript, block quotes, and Format Painter.
Unified commands keep toolbar, menu, and keyboard behavior synchronized without escalating inline font size.
Open Working Demoeditor.executeCommand("superscript");
editor.executeCommand("blockQuote");
editor.executeCommand("formatPainter");Select, move, resize, and delete images, QR codes, barcodes, emoji, tables, and rich objects.
Object interactions use a consistent selection model and Delete-key handling across the editor.
Open Working Democonst editor = await Editra.init({
selector: "#editra-editor",
plugins: ["image", "structure", "codes"]
});Build locale-aware interfaces and insert categorized emoji, currency, text, math, arrow, and Latin characters.
Language resources and specialized tools load only when the configuration requests them.
Open Working Democonst editor = await Editra.init({
selector: "#editra-editor",
language: "en",
plugins: ["structure", "formatting"]
});Control active pasted content, constrain visible capabilities, preserve semantic output, and destroy listeners cleanly.
Defense-in-depth integration guidance reduces attack surface and avoids retained editor resources during teardown.
Open Working Democonst editor = await Editra.init({
selector: "#editra-editor",
sanitizePaste: true,
plugins: ["paste", "bold"]
});
editor.destroy();The browser-native surface is easy to embed, configure, and brand without framework lock-in.
<div id="editra-editor">
<p>Start writing…</p>
</div>const editor = await Editra.init({
selector: "#editra-editor",
plugins: ["bold", "table", "image"],
toolbar: "bold | insertTable insertImage"
});#editra-editor {
min-height: 12rem;
color: #182033;
font-family: "Segoe UI", sans-serif;
}Both themes share the same secure API and plugin ecosystem. Choose the document experience your users already understand.
Familiar MS Word-like editing, page guides, enterprise-friendly controls, and rich document formatting reduce training for document-heavy teams.
Open paginated Word demo
A lightweight, fast, continuous editor for standard workflows where page boundaries are unnecessary unless a user inserts one.
Open Classic demoCompare the two compact Classic hosts side by side, then explore a complete centered A4 Word document using the same secure API and plugin system.
One full page combining rich formatting, tables, lists, form fields, QR, barcode, page setup, media tools, and export-ready structure.
Enable only the plugins and controls your workflow requires. Heavy capabilities remain lazy until invoked.