docs(editor): add an interactive editor playground

A live @robonen/editor instance (default registry) as a doc section at /editor/playground: a reactive formatting toolbar, the bubble/slash menus, and a sample document exercising every block and mark — styled with the docs design tokens and wrapped in <ClientOnly> for SSR. Links it from the editor intro.
2026-06-08 20:37:51 +07:00
parent f4cc6e45eb
commit 024685e265
2 changed files with 313 additions and 0 deletions
@@ -146,6 +146,10 @@ const canBold = editor.command(toggleMark('bold'));`;
      <h2>Where to next</h2>
      <p>Jump into the pieces you'll reach for first:</p>
      <ul>
+        <li>
+          <NuxtLink to="/editor/playground"><strong>Playground</strong></NuxtLink> — a live editor
+          you can type in, right here in the docs.
+        </li>
        <li>
          <code>EditorRoot</code> and <code>EditorContent</code> — the mount
          surface and the single contenteditable.