Solution · Rich text editor
An owned editor with a closed vocabulary: load and save Markdown, paste HTML from any page without its scripts or unsafe links, set block types from a menu, add emoji, and export the result for Slack, Discord, Teams and five more formats with every loss listed. The demo runs on fixture documents; nothing is saved or sent.
Status: in development
Try this
Use Reset to return to the starting example.
Released 12 November 2026 for the Northwind pilot team.
Saved views in the dashboard
CSV export for every table
Dark mode for the mobile app
Search keeps your filters
Dates show in your time zone
Thanks to everyone who reported the filter bug 🎉
Questions? Reply in #northwind-pilot.
Try the text style menu, the emoji button, or type a shortcode such as :tada:.
Press Mod+Alt+Shift+V to paste your clipboard as Markdown.
## Northwind 2.4 release notes **Released** 12 November 2026 for the *Northwind* pilot team. ### New - [x] Saved views in the [dashboard](https://example.com/docs/views) - [x] CSV export for every table - [ ] Dark mode for the mobile app ### Fixed 1. Search keeps your filters 2. Dates show in your time zone > Thanks to everyone who reported the filter bug 🎉 Questions? Reply in #northwind-pilot.
A fictional wiki page on the clipboard: a safe link, a javascript: link, a
click handler and a script.
<p>From the team wiki:</p><h2>Q4 planning</h2><p onclick="steal()">Read the <a href="https://example.com/plan">plan</a> and <a href="javascript:alert('hi')">this link</a> before <b>Friday</b>.</p><script>steal()</script><ul><li>Budget review</li><li>Hiring</li></ul> Export for chat
6 changes in this format
If the interactive demo cannot load, use the static preview above.
Stored text, agent output or a file is read by the editor codec at the untrusted tier: raw HTML stays literal text, every link passes the URL policy.
Package: @texuli/editor
Headings, lists, todos, quotes, code and five marks, changed only through transforms; the block menu and emoji are one undo step each.
Package: @texuli/core
Clipboard HTML is read without a DOM by the shared HTML reader: scripts, handlers and refused links are dropped before anything reaches the document.
Package: @texuli/core
Save the document as Markdown that reads back to the same document.
Package: @texuli/editor
Write Slack, Discord, WhatsApp, Telegram, Teams, Google Chat, Mattermost or plain text, with what each format cannot carry listed for the user.
Package: @texuli/core
Solution
Rich text editor
Packages
@texuli/editorEditor surface, toolbar, controller, Markdown codec and paste; on npm, with the block menu, emoji, chat export and HTML paste through @texuli/core/html released in 0.18.0.Subpaths: . · ./editor · ./markdown · ./paste · ./toolbar · ./block-menu · ./emoji · ./exporttexuliThe emoji picker the editor opens (released in 0.18.0).Subpaths: ./emoji@texuli/coreFramework-free document model and Markdown codec; the HTML reader and chat dialect writers (subpaths released in 0.18.0).Subpaths: ./editor-model · ./editor-markdown · ./html · ./markdown-dialectsBuilt on
@texuli/tokens (Theme tokens)@texuli/primitives (Headless primitives)@texuli/emojis (Unicode emoji catalog and engine)@texuli/spec (Blueprint contract)Build with Rich text editor
pnpm add @texuli/[email protected]<script lang="ts">
import { RichTextEditor } from '@texuli/editor/editor';
import { documentToMarkdown, markdownToDocument } from '@texuli/editor/markdown';
// Untrusted by default: raw HTML stays text, every link passes the URL policy.
const { doc } = markdownToDocument('# Release notes\n\n- [x] Saved views');
let markdown = $state(documentToMarkdown(doc));
</script>
<RichTextEditor value={doc} label="Release notes" onChange={(next) => (markdown = documentToMarkdown(next))} /><script lang="ts">
import { getEmoji } from '@texuli/emojis/catalog';
import { EditorController } from '@texuli/editor/controller';
import { RichTextEditor } from '@texuli/editor/editor';
import { DialectExport } from '@texuli/editor/export';
const controller = new EditorController({
shortcodes: (name) => getEmoji(`:${name}:`)?.unicode,
});
</script>
<RichTextEditor {controller} blockMenu emoji label="Note" />
<DialectExport {controller} dialect="slack" />Verified by tests/e2e/site-solution-editor.spec.ts
Markdown in and out, safe paste, the block menu, emoji and the export to chat.
The package examples: toolbar and links, long documents, paste and export.
The reference page for every editor capability, as before.
An agent writes Markdown; the editor reads it at the untrusted tier, so raw HTML stays text and refused links keep only their text. The same text converts to a chat dialect, or renders to safe HTML, through the md.convert and md.render MCP operations. This demo uses fixture documents and sends nothing.
@texuli/editor@texuli/editor: In developmentEditor surface, toolbar, controller, Markdown codec and paste; published on npm.
HTML paste through @texuli/core/html, Paste as Markdown, block menu, emoji and chat exportHTML paste through @texuli/core/html, Paste as Markdown, block menu, emoji and chat export: PlannedReleased in 0.18.0 (pre-1.0).
Svelte 5 packages published on npm (pre-1.0).
Kotlin Multiplatform renderer on the JVM, built in this repository.
Native renderer target.
Native renderer target.
Owned rich text with Markdown in and out, safe paste and export to any chat.
