Repolode
Предложить
codex-team

codex-team/editor.js

Блочный текстовый редактор для веба, который сохраняет контент в чистом JSON, а возможности расширяются с помощью плагинов-инструментов.

Open source альтернатива:Notion

Открыть на GitHubСайт
Звёзды
31,970
Форки
2,244
Открытые issues
711
Последний коммит
3 часа назад

Что это?

Editor.js — блочный редактор с открытым исходным кодом для веба. Контент состоит из блоков: текста, заголовков, изображений, списков, цитат, кода и других элементов. Каждый тип блока реализован отдельным плагином-инструментом.

Вместо HTML-разметки редактор возвращает структурированный JSON. Эти данные можно очистить, сохранить и отобразить на любой платформе, включая веб, iOS, Android и другие клиенты. Это делает редактор подходящим для контентных процессов, которым нужен предсказуемый формат данных. Вызов editor.save() возвращает promise с текущим контентом.

Проект распространяется через npm как @editorjs/editorjs и написан на TypeScript. В набор официальных инструментов входят заголовки, цитаты, изображения, чек-листы, таблицы, встраиваемые элементы и многое другое. Список awesome собирает инструменты сторонних разработчиков.

Ключевые возможности

  • 01Выводит чистые данные в формате JSON вместо HTML-разметки
  • 02Блочный интерфейс для добавления контента и изменения порядка блоков
  • 03Каждый тип блока реализован отдельным плагином-инструментом
  • 04Официальные инструменты для заголовков, изображений, таблиц, чек-листов и встраиваемых элементов
  • 05Простой API с методом editor.save() для получения контента

Сценарии использования

  • Создание редактора форматированного текста, контент которого хранится и отображается на нескольких платформах
  • Добавление редактора статей или блогов со структурированным контентом в веб-приложение
  • Создание собственного редактора с помощью написанных вами инструментов для блоков

Быстрый старт

  1. 1

    Установите Editor.js с помощью npm

    npm i @editorjs/editorjs
  2. 2

    Установите необходимые инструменты из списка в README

  3. 3

    Добавьте на страницу контейнер div с id editorjs

  4. 4

    Импортируйте EditorJS и создайте экземпляр, указав нужные инструменты

Что важно знать

  • Для каждого типа блока нужен отдельный плагин инструмента, поэтому необходимые инструменты нужно установить и настроить.
  • Чтобы сохранить содержимое, вызовите editor.save() и обработайте возвращаемый Promise.

Темы

#wysiwyg#json#text-editor#typescript#block-editor#rich-text#codex-editor#editor#javascript#redactor

Частые вопросы

Что такое editor.js?
Блочный текстовый редактор для веба, который сохраняет контент в чистом JSON, а возможности расширяются с помощью плагинов-инструментов. Editor.js — блочный редактор с открытым исходным кодом для веба. Контент состоит из блоков: текста, заголовков, изображений, списков, цитат, кода и других элементов. Каждый тип блока реализован отдельным плагином-инструментом.
editor.js можно использовать бесплатно? Какая у него лицензия?
editor.js распространяется с открытым исходным кодом под лицензией Apache-2.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
editor.js всё ещё поддерживается?
Активно поддерживается. Последний коммит в editor.js — 21 окт. 2026 г..
Для чего можно использовать editor.js?
Создание редактора форматированного текста, контент которого хранится и отображается на нескольких платформах Добавление редактора статей или блогов со структурированным контентом в веб-приложение Создание собственного редактора с помощью написанных вами инструментов для блоков
Как установить editor.js?
Установите Editor.js с помощью npm: npm i @editorjs/editorjs Установите необходимые инструменты из списка в README Добавьте на страницу контейнер div с id editorjs Импортируйте EditorJS и создайте экземпляр, указав нужные инструменты
Где скачать editor.js?
Исходный код и инструкции по установке — на GitHub: https://github.com/codex-team/editor.js

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты