✍️The richtext markdown editor from the future.
Alternatives To Editure
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Mermaid57,8825053172 days ago140September 13, 2022863mitJavaScript
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
20 days ago1January 17, 20221,033mitJavaScript
📝A simple and elegant markdown editor, available for Linux, macOS and Windows.
Stackedit20,3612112 hours ago67March 29, 2021667apache-2.0JavaScript
In-browser Markdown editor
11 hours ago221mpl-2.0TypeScript
There can be more than Notion and Miro. AFFiNE is a next-gen knowledge base that brings planning, sorting and creating all together. Privacy first, open-source, customizable and ready to use.
Tui.editor15,9712661474 days ago38December 12, 2019485mitTypeScript
🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
Editor.md12,95235812 days ago1June 27, 2015555mitJavaScript
The open source embeddable online markdown editor (component).
3 months ago516otherJavaScript
Not Just A Notepad! (golang + mongodb) http://leanote.org
20 days ago568lgpl-3.0C++
A pleasant note-taking platform.
Tinacms8,816561a day ago105September 21, 202282otherTypeScript
The Markdown CMS
Simplemde Markdown Editor8,7281,5162012 years ago13June 14, 2016278mitJavaScript
A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.
Alternatives To Editure
Select To Compare

Alternative Project Comparisons


Build Statuscodecov

Editure is a richtext markdown editor built on top of Slate, with out-of-the-box support for markdown shortcuts, hotkeys, serialization. It aims to provide editing experience on par with Typora or Yuque.

Warning: Editure is currently experimental. DO NOT USE IT IN PRODUCTION!


  • Hotkeys: e.g. toggle bold font with Ctrl+B or Cmd+B
  • Shortcuts: trigger the full rendering of Markdown as you are typing
  • Toolbar: a toolbar for adjusting format with buttons

Supported Formats

Marks: bold, italic, underline, strikethrough and link.

Blocks: paragraphs, headings, blockquotes, code blocks, note blocks, bulleted lists, numbered lists, images, and horizontal lines.


npm install editure editure-react
# or if you prefer yarn:
yarn add editure editure-react

Getting Started

Using the Component

A quick demo:

import Editure from 'editure-react';

class MyComponent extends React.Component {
  constructor(props) {
    this.state = { value: [] };

  handleChange = (value) => {
    this.setState({ value });

  render() {
    return <Editure value={this.state.value} onChange={this.handleChange} />;

Or, if you prefer Hooks:

import Editure from 'editure-react';

function MyComponent() {
  const [value, setValue] = useState([]);
  return <Editure value={value} onChange={setValue} />;

Content Serialization

As in Slate, the value prop is a plain JavaScript object. You can perform serialization with JSON global object:

// serialize to JSON
const serialized = JSON.stringify(value);

// parse from JSON
const value = JSON.stringify(serialized);

Moreover, Editure provides serialization support for HTML and Markdown, for example:

import { toHtml, toMarkdown, parseHtml, parseMarkdown } from 'editure';

// serialize to HTML
const htmlString = toHtml(value);

// parse from HTML
const value = parseHtml(htmlString);

// serialize to Markdown
const markdownString = toMarkdown(value);

// parse from Markdown
const value = parseMarkdown(markdownString);

API Reference


The editure package provides low-level utilities to work with Slate.


Here is a full list of props from Editure component:

  • value: the current value of the editor
  • onChange: handler called after the content changed
  • placeholder: placeholder string for the editor
  • readOnly: if true, the editor won't allow changing its contents.



Popular Editor Projects
Popular Markdown Projects
Popular Text Editors Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Markdown Editor
Rich Text