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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2323
8 комментариев

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

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

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

1

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

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

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