Getting Started

    Quick Start

    Scribe Editor is a modern, inline-first rich text editor under 50KB with zero dependencies. Get up and running in under two minutes.

    < 50KB

    Gzipped bundle size

    0

    Runtime dependencies

    4+

    Frameworks supported

    <!-- 1. Add a container element -->
    <div id="editor">
      <p>Start editing here...</p>
    </div>
    
    <script type="module">
      import { Scribe } from 'scribejs-editor';
    
      // One-line initialization
      const editor = Scribe.init('#editor');
    
      // Direct methods — no exec() needed
      editor.bold();
      editor.italic();
      editor.link('https://example.com');
      editor.heading(2);
    
      // Read content
      const html = editor.getHTML();
    </script>

    Installation

    Install Scribe via your preferred package manager or load it directly from a CDN.

    Package Manager

    npm install scribejs-editor
    # or
    yarn add scribejs-editor
    # or
    pnpm add scribejs-editor

    CDN (no bundler needed)

    <script src="https://unpkg.com/scribejs-editor"></script>
    
    <script>
      const editor = Scribe.init('#editor');
    </script>

    ES Module (modern browsers)

    <script type="module">
      import { Scribe } from 'https://esm.sh/scribejs-editor';
      const editor = Scribe.init('#editor');
    </script>

    Next Steps