Install SVeditor via the ESM npm package or UMD CDN, including styles and registry setup.

Installation

SVeditor runs only in the browser. You need the SDK package or script and @wztlink1013/sveditor/style.css. Without CSS, toolbars and menus will look broken.

Recommended: ESM package

For React, Next.js, Vite, and any bundler-based app:

Topic	Guide
Install, imports, SSR	ESM integration
React / Next.js patterns	React / Next.js
First instance	Quick start

pnpm add @wztlink1013/sveditor@0.2.16

"use client";

import { SVeditor } from "@wztlink1013/sveditor";
import "@wztlink1013/sveditor/style.css";

If your license uses a private scoped registry, configure .npmrc as described in ESM integration.

Install @wztlink1013/sveditor-collab-schema only when your server implements collaboration APIs.

Alternative: CDN (UMD)

For legacy pages or hosts without a bundler. The UMD bundle includes React.

Pin the version in production URLs (0.2.16 below — replace when you upgrade):

<link
  rel="stylesheet"
  href="https://static.editor.showverge.com/sdk/sveditor/0.2.16/sv-editor-sdk.css"
/>
<script src="https://static.editor.showverge.com/sdk/sveditor/0.2.16/sv-editor-sdk.umd.js"></script>
<script>
  const editor = window.SVeditor.create({
    el: "#editor",
    content: "<p>Hello world</p>",
  });
  window.addEventListener("beforeunload", () => editor.destroy());
</script>