Текстовый редактор
Базовое форматирование
Текстовый редактор в METEOR поддерживает базовые стили текста, такие как форматирование жирным, курсивом, подчеркнутым, зачеркнутым и различными уровнями заголовков.
.png&w=3840&q=75)
Выравнивайте текст, таблицу или изображение по левому краю, по правому краю, по центру или по ширине, воспользовавшись соответствующими кнопками.
.png&w=3840&q=75)
Ссылки
Чтобы создать ссылку, нажмите на кнопку "Редактировать ссылку" на панели инструментов:
.png&w=3840&q=75)
В открывшемся окне вставьте ссылку в поле URL. Выберите где должна открываться ссылка: в текущем окне или в новой вкладке.
.png&w=3840&q=75)
Нажмите кнопку "Установить ссылку".
Блоки кода
Вы можете вставлять блоки кода. Для этого нажмите на кнопку "Добавить новый блок" и в появившемся меню выберите "Блок кода".
.png&w=3840&q=75)
Работа с таблицами
Вы можете создавать таблицы. Для этого нажмите на кнопку "Добавить новый блок" -> Таблица. Будет вставлена таблица состоящая из 3 столбцов и 3 строк.
.png&w=3840&q=75)
Чтобы вставить строку/столбец в уже существующую таблицу, кликните по ячейке в таблице правой кнопкой мыши:
.png&w=3840&q=75)
Для изменения ширины столбцов - потяните мышью за границу ячейки.
Автоформатирование
Текстовый редактор имеет функцию автоформатирования:
- Создавайте стиль жирного шрифта, набирая **will become bold**,
- Создайте заголовок с другим отступом с помощью #, ##, ###, …
- Создайте маркированный список, начав строку с - и пробела
- Создайте нумерованный список, начав строку с 1. и пробела
Работа с изображениями
Вы можете добавлять изображения. Для этого нажмите на кнопку "Добавить новый блок" -> Изображение:
.png&w=3840&q=75)
В появившуюся область перетащите изображение или нажмите соответствующую кнопку:
.png&w=3840&q=75)
Изображение будет автоматически загружено и сохранено. Настройте размер изображения в редакторе с помощью мыши.
Сочетания клавиш
Текстовый редактор предлагает широкий выбор сочетаний клавиш. Список документированных сочетаний клавиш можно найти здесь.
Полезные ссылки
- Документация Tiptap - полное руководство по возможностям редактора.
- Примеры использования - шаблоны и расширенные функции редактора.