editor.js

редакторjs.io | документация | журнал изменений

О

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

Editor.js выводит чистые данные JSON вместо тяжелой HTML-разметки. Используйте его в Интернете, iOS, Android, AMP, мгновенных статьях, программах для чтения речи, чат-ботах с искусственным интеллектом — везде. Легко дезинфицировать, расширять и интегрировать с вашей логикой.

• ? Современный пользовательский интерфейс из коробки
• ? Очистить вывод JSON
• Хорошо продуманный API
• ? Доступны различные инструменты
• ? Бесплатный и с открытым исходным кодом

Установка

Это довольно просто:

1. Установите Editor.js
2. Установите необходимые инструменты
3. Инициализировать экземпляр редактора

Установите с помощью NPM, Yarn или CDN:

npm i @editorjs/editorjs

Выбираем и устанавливаем инструменты:

• Заголовок
• Цитировать
• Изображение
• Простое изображение (без требований к серверной части)
• Вложенный список
• Контрольный список
• Встроить ссылку
• Встраивание (YouTube, Twitch, Vimeo, Gfycat, Instagram, Twitter и т. д.)
• Стол
• Разделитель
• Предупреждение
• Код
• Необработанный HTML
• Прикрепляет
• Маркер
• Встроенный код

Видите? Потрясающий список Editor.js с дополнительными инструментами.

Инициализируйте редактор:

 < div id =" editorjs " > </ div > 

 import EditorJS from '@editorjs/editorjs'

const editor = new EditorJS ( {
  tools : {
   // ... your tools
  }
} )

Подробности об установке и настройке см. в документации.

Сохранение данных

Вызовите editor.save() и обработайте возвращенный Promise с сохраненными данными.

 const data = await editor . save ( )

Пример

Взгляните на example.html, чтобы просмотреть более подробные примеры.

Дорожная карта

• Унифицированные панели инструментов
  • Блок Tunes перемещен влево
  • Панель инструментов становится вертикальной
  • Возможность отображения нескольких кнопок панели инструментов с помощью одного инструмента.
  • Блок-мелодии становятся вертикальными
  • Block Tunes поддерживает вложенные меню.
  • Block Tunes поддерживает разделители
  • Меню конвертации добавлено в блок мелодий.
  • Единая панель инструментов поддерживает подсказки
  • Панель инструментов преобразования использует унифицированную панель инструментов
  • Встроенная панель инструментов использует унифицированную панель инструментов
• Совместное редактирование
  • Реализация формата JSON встроенных инструментов
  • Наблюдатель за операциями, Исполнитель, Менеджер, Преобразователь
  • Внедрить диспетчер отмены/повтора
  • Внедрение изменений в API инструментов
  • Внедрить сервер и связь
  • Обновите базовые инструменты для соответствия новому API.
• Другие особенности
  • Блоки перетаскивания
  • Новый выбор перекрестных блоков
  • Новое перемещение каретки с поперечным блоком
• Улучшения экосистемы
  • Иконки CodeX — способ унифицировать все инструменты и основные значки
  • Новая домашняя страница и документы
  • @editorjs/create-tool для начальной загрузки инструментов
  • Editor.js DevTools — предназначен для разработки ядра и инструментов.
  • Система дизайна Editor.js
  • Предустановленная оболочка Editor.js
  • Набор инструментов Editor.js
  • Новая система основных пакетов
  • Новая документация и руководства

Нравится Editor.js?

Вы можете поддержать улучшение проекта и разработку новых функций, сделав пожертвование нашей команде.

Пожертвовать через OpenCollective
Пожертвовать через Крипто
Пожертвовать через Patreon

Зачем жертвовать

Пожертвования на продукты с открытым исходным кодом имеют ряд преимуществ для вашего бизнеса:

• Если ваш бизнес использует Editor.js, вы, вероятно, захотите, чтобы его поддерживали.
• Это помогает Editor.js развиваться и получать новые функции.
• Мы можем поддержать участников и сообщество вокруг проекта. Вы получите хорошо организованные документы, руководства и т. д.
• Нам нужно платить за нашу инфраструктуру и поддерживать общедоступные ресурсы (доменные имена, домашние страницы, документы и т. д.). Его поддержка гарантирует вам доступ к любым ресурсам в тот момент, когда они вам нужны.
• Вы можете размещать рекламу, добавляя активы вашего бренда и упоминания на наших общедоступных ресурсах.

Спонсоры

Поддержите нас, став спонсором. Здесь появится ваш логотип со ссылкой на ваш сайт.

Стать спонсором

Сторонники

Спасибо всем нашим сторонникам

Стать спонсором

Авторы

Этот проект существует благодаря всем людям, которые вносят свой вклад.

Нужно что-то особенное?

Наймите экспертов CodeX для решения технических проблем и соответствия вашим требованиям к продукту.

• Решите проблему, которая имеет для вас большое значение
• Внедрите новую функцию, необходимую вашему бизнесу
• Помощь с интеграцией или разработкой инструментов
• Предоставим любую консультацию

Свяжитесь с нами по адресу [email protected] и поделитесь своими данными.

Сообщество

• Официальные инструменты
• Потрясающий редактор.js
• Хорошие первые задания
• Содействие
• Telegram Чат

О Кодексе

CodeX — это команда специалистов по цифровым технологиям со всего мира, заинтересованных в создании высококачественных продуктов с открытым исходным кодом на мировом рынке. Мы открыты для молодых людей, которые хотят постоянно совершенствовать свои навыки и расти профессионально, экспериментируя с передовыми технологиями.

	Присоединиться	Твиттер	Инстаграм
codex.so	codex.so/join	@codex_team	@codex_team