Два способа настройки
toolbar выбирает подмножество команд, сохраняя автоматические группы. toolbarLayout задаёт точный порядок. Обычно выбирайте один способ. Если переданы оба, их набор и порядок должны совпадать; дубликаты команд запрещены.
const editor = new ViText('#editor', {
preset: 'base',
toolbarLayout: [
'undo', 'redo', { type: 'separator' },
'bold', 'italic', 'link',
{ type: 'menu', label: '***', items: ['h1', 'h2', 'bulletList'] },
{ type: 'spacer' }, 'html', 'fullscreen'
]
});
Элементы расположения
Строка — команда/инструмент. separator — редактируемый разделитель. Единственный spacer отделяет правую часть от левой, не показывает дополнительную линию. menu — один уровень списка в Base/Pro: команды и внутренние разделители. Вложенные меню запрещены; пустое меню допустимо только с label ***.
HTML, Markdown и полный экран тоже выбираемые инструменты. Отсутствие их в явном расположении выключает возможность. Удаление HTML выключает CSS. Simple не допускает меню, изображения, таблицы, исходник или полный экран.
Таблица и переполнение
Переносится только insertTable. Контекстные команды строк/столбцов появляются после включения режима таблицы и при клике в ячейку; повторное нажатие кнопки скрывает панель, сохраняя таблицу.
Явная панель Base/Pro занимает одну строку. Не поместившиеся кнопки уходят в *** и возвращаются при расширении; пустая кнопка скрыта. Simple использует горизонтальную прокрутку. Конструктор отражает скрытые инструменты в наполнении меню; удаление автоматического блока выключает эти инструменты.
Собрать панель с компьютера или планшета; справочник опций.