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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

22 показа
805805 открытий
24 комментария

У картинки добавить подложку и рамку:Облом, я надеялся рамка будет такой:

Ответить

«Добавить багет»

Ответить

Очень нудные введения, Спасибо вам за вашу работу! :)

Ответить

нудныекхе-кхе :)

Ответить