(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(93807279, "init", { defer: true, clickmap:true, trackLinks:true, accurateTrackBounce:true }); ym(93807279, 'hit', window.location.href);

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

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

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

В прошлый раз мы добавили поддержку 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

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

Ответить
Развернуть ветку
5 комментариев
Раскрывать всегда