Выделение и перетаскивание блоков, кнопки быстрой настройки и новая мобильная версия

Что нового появилось в редакторе для написания статей.

Выделение блоков мышкой

В прошлый раз мы добавили поддержку Cmd+A (Ctrl+A) для выделения всех блоков в редакторе. Теперь появилась поддержка выделения нескольких блоков с помощью мышки.

Выделенные блоки можно вырезать через Cmd+X, скопировать через Cmd+C или удалить через клавишу Delete.

Перетаскивание блоков

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

Кнопки быстрой настройки

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

У заголовка можно мгновенно настроить размер:

У цитаты поменять тип отображения:

У картинки добавить подложку и рамку:

Новая мобильная версия

В мобильной версии редактора появилась новая единая панель управления текущим блоком. На ней отображается кнопка добавления нового блока, мгновенные настройки, иконки перетаскивания и шестеренка для всего остального.

По нажатию на «+» отображается список инструментов в нативной клавиатуре:

И еще несколько мелочей в обновлении:

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

Хороших вам текстов!

0
8 комментариев
Написать комментарий...
Альберт Штерн

А editorjs обновили в открытом доступе?

Ответить
Развернуть ветку
Филипп Концаренко

У нас fork довольно давно был и сейчас это два отдельных продукта со своим циклом обновлений: наш завязан на задачи «Комитета», а editorjs — под опенсорсные потребности. Поэтому обновления в editorjs не всегда появляются у нас и, соответственно, обновления у нас не всегда появляются в editorjs.

На всякий случай ссылку тут оставлю https://editorjs.io

Ответить
Развернуть ветку
Альберт Штерн

А вы одна команда?

Ответить
Развернуть ветку
Филипп Концаренко

Сейчас развитием Editorjs занимается команда студентов ИТМО — CodeX. Нашей версией редактора занимается команда «Комитета».

Ответить
Развернуть ветку
Александр Анохин

Вот перетаскивание блоков - это очень нужная функция!

Ответить
Развернуть ветку
Алан Алиев

Ребята, лучше будет, если вы будете полезные функции добавлять в два редактора сразу. Нельзя же так.

Ответить
Развернуть ветку
Алексей из LOADING.express

кайФ! Молодцы большие!

Ответить
Развернуть ветку
Roman Opalko

а несколько языков как использовать для каждого текстового блока?

Ответить
Развернуть ветку
Читать все 8 комментариев
null