Alpine Editor developer docs

Everything for integrating and personalizing the embeddable rich text editor — from the one-line snippet to the theme system, toolbar syntax, and content API.

Quick start

Every account gets a personalized script tag from the dashboard. Paste it anywhere:

<div id="editor"><p>Hello, World!</p></div>
<script src="https://your-app.test/embed/YOUR_TOKEN.js"></script>
<script>
  AlpineEditor.init({ selector: '#editor', theme: 'default' });
</script>

That's a fully working editor. See Get started for the full walkthrough, or jump into a specific guide below.

Guides

Onboarding

Get Started

Account to working editor, step by step — the snippet, mounting, saving content, and where usage is tracked.

Customization

Themes & Toolbar

Default, Simple and Inline themes, and the TinyMCE-style toolbar config string that controls which buttons appear.

Integration

Content & Events

getContent/setContent, the onChange callback, and the rest of the Editor instance's public methods.

Tables

Cell, Row & Column

Insert/delete/cut/copy/paste for rows and columns, cell merging, and Table/Row/Cell properties dialogs.

Dialogs

Links, Media & More

Link, image, media, code sample, special character, anchor and date/time insertion.

Need something else?

Usage, limits and the regenerable embed link live in your dashboard. For anything not covered here, the loader script itself (/embed/<token>.js) is a small, readable file — open it in your browser's dev tools to see exactly what it does.