GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → springload → Draftail

springload / Draftail

Licence: mit
📝🍸 A configurable rich text editor built with Draft.js

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reacteditorwysiwygwagtaildraft-js

Projects that are alternatives of or similar to Draftail

draftjs-conductor
📝✨ Little Draft.js helpers to make rich text editors “just work”
Stars: ✭ 39 (-90.56%)
Mutual labels:  wagtail, wysiwyg, draft-js
Megadraft
Megadraft is a Rich Text editor built on top of Facebook's Draft.JS featuring a nice default base of components and extensibility
Stars: ✭ 982 (+137.77%)
Mutual labels:  editor, draft-js, wysiwyg
draftjs-filters
Filter Draft.js content to preserve only the formatting you allow
Stars: ✭ 53 (-87.17%)
Mutual labels:  wagtail, wysiwyg, draft-js
Editor.js
A block-styled editor with clean JSON output
Stars: ✭ 17,061 (+4030.99%)
Mutual labels:  editor, wysiwyg
Grapesjs Mjml
Newsletter Builder with MJML components in GrapesJS
Stars: ✭ 379 (-8.23%)
Mutual labels:  editor, wysiwyg
Vditor
♏ 一款浏览器端的 Markdown 编辑器，支持所见即所得（富文本）、即时渲染（类似 Typora）和分屏预览模式。An In-browser Markdown editor, support WYSIWYG (Rich Text), Instant Rendering (Typora-like) and Split View modes.
Stars: ✭ 3,773 (+813.56%)
Mutual labels:  editor, wysiwyg
Pell
📝 the simplest and smallest WYSIWYG text editor for web, with no dependencies
Stars: ✭ 11,653 (+2721.55%)
Mutual labels:  editor, wysiwyg
Medium Editor
Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.
Stars: ✭ 15,421 (+3633.9%)
Mutual labels:  editor, wysiwyg
wagtaildraftail
🐦📝🍸 Draft.js editor for Wagtail, built upon Draftail and draftjs_exporter
Stars: ✭ 23 (-94.43%)
Mutual labels:  wagtail, draft-js
Awesome Web Editor
🔨 Open source WEB editor summary
Stars: ✭ 306 (-25.91%)
Mutual labels:  editor, wysiwyg
React Native Rich Editor
Lightweight React Native (JavaScript, H5) rich text editor
Stars: ✭ 281 (-31.96%)
Mutual labels:  editor, wysiwyg
Hyper Editor
A backend independent visual composer for web.
Stars: ✭ 332 (-19.61%)
Mutual labels:  editor, wysiwyg
Tui.editor
🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
Stars: ✭ 14,016 (+3293.7%)
Mutual labels:  editor, wysiwyg
Flutter Quill
Rich text editor for Flutter
Stars: ✭ 177 (-57.14%)
Mutual labels:  editor, wysiwyg
Editor
A new type of WYSIWYG editor for Kirby
Stars: ✭ 209 (-49.39%)
Mutual labels:  editor, wysiwyg
Smarteditor2
Javascript WYSIWYG HTML editor
Stars: ✭ 162 (-60.77%)
Mutual labels:  editor, wysiwyg
Re Editor
一个开箱即用的React富文本编辑器 🚀re-editor
Stars: ✭ 367 (-11.14%)
Mutual labels:  editor, wysiwyg
Cl Editor
Lightweight text editor built with svelte, typescript
Stars: ✭ 148 (-64.16%)
Mutual labels:  editor, wysiwyg
Rich Markdown Editor
The open source React and Prosemirror based markdown editor that powers Outline. Want to try it out? Create an account:
Stars: ✭ 2,468 (+497.58%)
Mutual labels:  editor, wysiwyg
Text
📑 Collaborative document editing using Markdown
Stars: ✭ 282 (-31.72%)
Mutual labels:  editor, wysiwyg
View All Similar Projects ➔

Draftail

npm Build Status Coverage Status Netlify Status

📝🍸 A configurable rich text editor built with Draft.js. Check out our demos!

Screenshot of Draftail

Features

Draftail aims for a mouse-free, keyboard-centric experience. Here are important features worth highlighting:

  • Support for keyboard shortcuts. Lots of them!
  • Paste from Word. Or any other editor. It just works.
  • Autolists – start a line with - , * , 1. to create a list item.
  • Shortcuts for heading levels ##, code blocks ```, text formats **, and more.
  • Undo / redo – until the end of times.
  • Common text types: headings, paragraphs, quotes, lists.
  • Common text styles: Bold, italic, and many more.
  • API to build custom controls for links, images, and more.
  • Compatibility with the draft-js-plugins ecosystem to build more advanced extensions.

This project adheres to Semantic Versioning, and measures performance and code coverage. It uses Flow types. We also try to follow accessibility best practices (tested with aXe) – please get in touch if you can help us do better in this area.

Documentation

Contributing

See anything you like in here? Anything missing? We welcome all support, whether on bug reports, feature requests, code, design, reviews, tests, documentation, and more. Please have a look at our contribution guidelines.

If you just want to set up the project on your own computer, the contribution guidelines also contain all of the setup commands.

Credits

Draftail is made possible by the work of Springload. View the full list of contributors. MIT licensed. The draftail.org documentation and demos are powered by Netlify.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].