Editor.js is an open-source text editor offering a variety of features to help users create and format content efficiently. It has a modern, block-style interface that allows users to easily add and arrange different types of content, such as text, images, lists, quotes, etc. Each Block is provided via a separate plugin making Editor.js extremely flexible.
Editor.js outputs a clean JSON data instead of heavy HTML markup. Use it in Web, iOS, Android, AMP, Instant Articles, speech readers, AI chatbots — everywhere. Easy to sanitize, extend and integrate with your logic.
It's quite simple:
Install using NPM, Yarn, or CDN:
npm i @editorjs/editorjs
Choose and install tools:
See the 😎 Awesome Editor.js list for more tools.
Initialize the Editor:
<div id="editorjs"></div>
import EditorJS from '@editorjs/editorjs' const editor = new EditorJS({ tools: { // ... your tools } })
See details about Installation and Configuration at the documentation.
Call editor.save()
and handle returned Promise with saved data.
const data = await editor.save()
Take a look at the example.html to view more detailed examples.
You can support project improvement and development of new features with a donation to our team.
Donate via OpenCollective
Donate via Crypto
Donate via Patreon
Donations to open-source products have several advantages for your business:
Support us by becoming a sponsor. Your logo will show up here with a link to your website.
<p> <a href="https://www.mister-auto.com/" target="_blank"> <img src="https://opencollective-production.s3.us-west-1.amazonaws.com/5131a030-5672-11ec-be79-1d003d12ec5f.png" width="50" alt="Mister Auto"> </a> <a href="https://www.uplucid.com/" target="_blank"> <img src="https://logo.clearbit.com/uplucid.com" width="50" alt="UPLUCID, K.K."> </a> <a href="https://www.contentharmony.com/" target="_blank"> <img src="https://opencollective-production.s3.us-west-1.amazonaws.com/89edb1b0-7d82-11ed-b99e-ab6e6f9cb69f.png" width="50" alt="Kane Jamison"> </a> <a href="https://www.contentharmony.com/product/" target="_blank"> <img src="https://logo.clearbit.com/contentharmony.com" width="50" alt="Content Harmony"> </a> </p>Thank you to all our backers
<a href="https://opencollective.com/editorjs#backers" target="_blank"><img src="https://opencollective.com/editorjs/backers.svg?width=890&avatarHeight=34"></a>
This project exists thanks to all the people who contribute.
<p><img src="https://opencollective.com/editorjs/contributors.svg?width=890&button=false&avatarHeight=34" /></p>Hire CodeX experts to resolve technical challenges and match your product requirements.
Contact us via team@codex.so and share your details
CodeX is a team of digital specialists around the world interested in building high-quality open source products on a global market. We are open for young people who want to constantly improve their skills and grow professionally with experiments in cutting-edge technologies.
🌐 | Join 👋 | ||
---|---|---|---|
codex.so | codex.so/join | @codex_team | @codex_team |