3vxan-diaaa-aaaad-qcrcq-cai.icp0.io Open in urlscan Pro
2a0b:21c0:b002:2:5000:59ff:fead:c233  Public Scan

Form analysis
0 forms found in the DOM

Text Content

Log in


EDITOR.JS

Hey. Meet the new Editor. On this page you can see it in action — try to edit
this text.


KEY FEATURES

 * It is a block-styled editor
 * It returns clean data output in JSON
 * Designed to be extendable and pluggable with a simple API


WHAT DOES IT MEAN «BLOCK-STYLED EDITOR»

Workspace in classic editors is made of a single contenteditable element, used
to create different HTML markups. Editor.js workspace consists of separate
Blocks: paragraphs, headings, images, lists, quotes, etc. Each of them is an
independent contenteditable element (or more complex structure) provided by
Plugin and united by Editor's Core.
There are dozens of ready-to-use Blocks and the simple API for creation any
Block you need. For example, you can implement Blocks for Tweets, Instagram
posts, surveys and polls, CTA-buttons and even games.


WHAT DOES IT MEAN CLEAN DATA OUTPUT

Classic WYSIWYG-editors produce raw HTML-markup with both content data and
content appearance. On the contrary, Editor.js outputs JSON object with data of
each Block. You can see an example below
Given data can be used as you want: render with HTML for Web clients, render
natively for mobile apps, create markup for Facebook Instant Articles or Google
AMP, generate an audio version and so on.
Clean data is useful to sanitize, validate and process on the backend.

We have been working on this project more than three years. Several large media
projects help us to test and debug the Editor, to make it's core more stable. At
the same time we significantly improved the API. Now, it can be used to create
any plugin for any task. Hope you enjoy. 😏
Select an Image


Text
Table
List
Warning
Code
Link
Image
Raw HTML
Heading
Quote
Checklist
Delimiter
Nothing found


Convert to

Text

List

Heading

Quote

Checklist
   Feature
 * Team Management
 * Tasks Schedule

   Community
 * Twitter
 * Instagram
 * Facebook
 * Youtube

   Support
 * My Account
 * Help & Support
 * Contact Us

   Company
 * Privacy Policy
 * Terms of Service
 * Code of Conduct

Copyright © 2022 HeliosLabs. All rights reserved.

English