Skip to main content

Draftail

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

Image

Easy to use

Draftail is easy to use regardless of skill level. All rich text formatting is available via the toolbar, and keyboard shortcuts. Power users can even use Markdown!

Image

Extensible

Rich text shouldn't be a black box. Custom extensions for a specific use case shouldn't be a headache. Draftail comes with an extensive API backed by Draft.js and React.

Image

Word-friendly

Paste content from Word. Or just about any editor. Draftail will only keep the formatting you care about, and discard any cruft. See it in action.

Image

Ready for translations

All of the editor's labels can easily be translated. Have a look at our example with react-intl.

Image

Theming

Draftail's UI is very simple to customise, so it integrates perfectly within your app. Take a look at the UI theming docs.

Image

Powering Wagtail

Draftail is the default rich text editor of Wagtail, a Django content management system used by hundreds of organisations.

Watch videos about Draftail

Draftail was introduced as part of Wagtail Space 2018. We also have a series on building rich text extensions.

Introducing Draft.js in Wagtail – Wagtail Space 2018