Verified npm CDN

Version-pinned package files

These live jsDelivr URLs return the published Editra v1.0.1 script and Word theme. They are useful for inspecting or downloading the immutable npm package.

<link rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/editra-js@1.0.1/themes/word.css">
<script src="https://cdn.jsdelivr.net/npm/editra-js@1.0.1/dist/editra.js"><\/script>
Are two links enough? No. The full editor also loads its core, security, UI, plugin, vendor, icon, and font files. Editra v1.0.1 protects those lazy-loaded files with a same-origin policy, so use the complete self-hosted setup below for a working editor.
Open verified scriptOpen verified theme
Source

GitHub repository

Review the implementation, clone the source, report issues, and contribute under MIT.

git clone https://github.com/editra-js/Editra.git
View repository
Package manager

Install the complete v1.0.1 release

This package includes every file required by the full editor. Copy the package contents to a public folder such as /vendor/editra/.

npm install editra-js@1.0.1

# Copy node_modules/editra-js/ to:
# public/vendor/editra/
Open npm package
Recommended full editor setup

Serve the complete package from your application

Keep the complete package tree together on the same origin. The entry script then discovers and loads every declared capability from core/, plugins/, ui/, vendor/, and assets/.

<div id="editra-editor"><h2>Start writing</h2></div>
<link rel="stylesheet" href="/vendor/editra/themes/word.css">
<script src="/vendor/editra/dist/editra.js"><\/script>
<script>
(async function () {
  const editor = await Editra.init({
    selector: "#editra-editor",
    baseUrl: "/vendor/editra/",
    theme: "Word",
    plugins: [
      "bold", "italic", "underline", "table", "image", "video",
      "productivity", "export", "formatting", "fonts", "headings",
      "lists", "structure", "pagination", "codeview", "ruler",
      "headerfooter", "pagesize", "margins", "codes", "paste",
      "shortcuts", "theme"
    ]
  });
  window.editraEditor = editor;
})();
<\/script>
Why baseUrl matters: it points Editra to the root containing all dependent folders. Keep the trailing slash and preserve the npm package directory structure.
Read the installation guide