Slate

Slate is a framework for building rich text editors with React and TypeScript. It gives you the editing model, and you design the interface and document structure.

Slate stores content as a tree of nodes that you define. You render each node type with your own components, which lets you create custom blocks such as quotes, code or lists. Its examples show rich text and code editing, along with formatting toolbars built on the same model.

• Node-based document model you define
• Custom elements rendered with your components
• Formatting marks such as bold and italic
• TypeScript support and React bindings
• Examples for rich text and code editing

Developers building editors with unusual document structures, such as a note app, wiki or page builder, who want full control over the model.

Slate is open source under the MIT license and free to use. Because it is a framework, you write more of the editor yourself than you would with a ready-made editor. Start from the examples and grow the model step by step.