Slate - A completely customizable framework for building rich text editors

  •        271

Slate is a completely customizable framework for building rich text editors. Slate lets you build rich, intuitive editors like those in Medium, Dropbox Paper or Google Docs—which are becoming table stakes for applications on the web—without your codebase getting mired in complexity. It can do this because all of its logic is implemented with a series of plugins, so you aren't ever constrained by what is or isn't in "core". You can think of it like a pluggable implementation of contenteditable built on top of React. It was inspired by libraries like Draft.js, Prosemirror and Quill.

http://slatejs.org
https://github.com/ianstormtaylor/slate

Tags
Implementation
License
Platform

   




Related Projects

canner-slate-editor - 📝Rich Text / WYSIWYG Editor built for Modularity and Extensibility.

  •    Javascript

📝 Rich text / WYSIWYG editor focus on modularity and extensibility, build on top of Slate framework with beautiful designs and high-level APIs. Since this project is originally started from Canner, we notice that there is NO SINGLE editor is going to fit in all varieties of requirements, so we think the only way to solve this issue is to design a modular-first editor.

rich-markdown-editor - The open source React and Slate based markdown editor that powers Outline wiki

  •    Javascript

A React and Slate based editor that powers the Outline wiki and can also be used for displaying content in a read-only fashion. The editor is WYSIWYG and includes many formatting tools whilst retaining the ability to write markdown shortcuts inline and output Markdown. See a working example in the example directory.

Draft-js - A React framework for building text editors

  •    Javascript

Draft.js is a JavaScript rich text editor framework, built for React and backed by an immutable model. Draft.js makes it easy to build any type of rich text input, whether you're just looking to support a few inline text styles or building a complex text editor for composing long-form articles.

tiptap - A headless, framework-agnostic and extendable rich text editor, based on ProseMirror

  •    Typescript

tiptap is a headless, framework-agnostic and extendable rich text editor, based on ProseMirror. It gives you full control about every single aspect of your text editor experience. It’s headless and comes without any CSS. You are in full control over markup, styling and behaviour. tiptap works with Vanilla JavaScript and Vue.js, but it’s also possible to use it in React, Svelte and others. Real-time collaboration, syncing between different devices and working offline is supported.


Alloy Editor - WYSIWYG editor based on CKEditor with completely rewritten UI

  •    Javascript

Alloy Editor is a modern WYSIWYG editor built on top of CKEditor, designed to create modern and gorgeous web content. It provides smart toolbars appear right near the selected text and offer different functionality based on context, Paste rich text from any web page and preserve its formatting, The full styling power of CKEditor and lot more.

SunEditor - Pure Javascript based WYSIWYG html editor, with no dependencies

  •    Javascript

The Suneditor is a lightweight, flexible, customizable WYSIWYG text editor for your web applications. It has support to Embed images, Videos, Image resizing and rotation, Upload images to the server, Image gallery, Tables and lot more. It has support to use CodeMirror and KaTeX.

TinyMCE - The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular

  •    Javascript

TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control. It has the world's most advanced rich text editor has all the features developers are looking for. It has support for Images, Image resize, Auto save, BBCode, Code, Color picker, Full screen, Spell checker, Media, Table, Table of contents, Word count, Visual Blocks and lot more.

Medium Editor - Medium.com WYSIWYG editor clone

  •    Javascript

Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution. MediumEditor has been written using vanilla JavaScript, no additional frameworks required.

pell - The simplest and smallest WYSIWYG text editor for web, with no dependencies

  •    Javascript

pell is the he simplest and smallest WYSIWYG text editor for web, with no dependencies. It can be easily customizable with the sass file (pell.scss) or overwrite the CSS.

ckeditor5 - Development environment for CKEditor 5 – the best browser-based rich text editor.

  •    Javascript

A set of ready-to-use rich text editors created with a powerful framework. Made with real-time collaborative editing in mind. CKEditor 5 is distributed as four ready-to-use builds which you can install from npm.

Trix - A rich text editor for everyday writing

  •    CoffeeScript

Trix is a WYSIWYG editor for writing messages, comments, articles, and lists—the simple documents most web apps are made of. It features a sophisticated document model, support for embedded attachments, and outputs terse and consistent HTML.

ProseMirror- A toolkit for building rich-text editors on the web

  •    Javascript

ProseMirror is a well-behaved rich semantic content editor based on contentEditable, with support for collaborative editing and custom document schemas. Rich content editors should, ideally, produce clean, semantically meaningful documents while still being easy for users to understand. ProseMirror tries to bridge the gap between editing explicit, unambiguous content like Markdown or XML, and classical WYSIWYG editors.

Scribe - A rich text editor framework for the web platform

  •    Javascript

A rich text editor framework for the web platform, with patches for browser inconsistencies and sensible defaults. For an introduction, you may want to read the blog post Inside the Guardian’s CMS: meet Scribe, an extensible rich text editor.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.