View Categories

Текст

3 min read

Для размещения на необходимой вам странице текстового блока, мы добавляем этаж «Текст»:

Если вам необходимо, чтобы над этажем с текстом был заголовок в теге <h1>, мы переключается на настройки этажа в правом верхнем углу, выбираем тэг и прописываем заголовок, отмечаем чек-бокс «Семантический»:

Внутри нас ждет редактор с настройками разметки текста. Так как в OnePlatform нельзя размечать текст, используя html-разметку, рекомендуем вам пользоваться редактором, либо вставлять уже размещенный где-то в другом месте текст.

Если вам необходимо расположить текст не на все возможную длину ширину страницы, вы можете воспользоваться настройками для контейнера — его размер и выравнивание:

И в итоге получим, например, узкую колонку текста, с блоком, выравненным по центру:

Инструменты для редактирования текста #

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

«Параграф» соответствует тегу <p>,
«Заголовок» соответствует тегу <h> (h2-h6),
«Подзаголовок» соответствует обычному тегу <div>, но визуально неотличимому от тега <h>

На странице это будет выглядеть так:

Есть возможность сделать текст:
1) Жирным
2) Курсивным
3) Подчеркнутым
4) Зачеркнутыми
5) Верхним индексом
6) Нижним индексом

На странице это будет выглядеть так:
Одному тексту можно задать одновременно несколько параметров, сделав его, например, и зачеркнутым и курсивным.

Есть возможность управлениями ссылками, их можно вставлять прямо, оставляя их в тексте «как есть», а можно задать им любой текстовый вид:

Вам достаточно просто выбрать нужный вам участок текста и кликнуть на эту кнопку:

и ввести необходимый путь:

Также вы можете:
1) Создавать маркированный список
2) Выравнивать текст по левому краю
3) Выравнивать текст по правому краю
4) Выравнивать текст по центру
5) Форматировать текст как цитату

6) Оборачивать участок текста в noindex
7) Вызывать меню специальных символов (их можно помещать и с помощью простой вставки)
8) Добавлять таблицы с помощью встроенного инструмента (также поддерживается вставка из, например, exel)
9) Интегрировать медиа (нужно просто указать ссылку)

Работа с таблицами #

Как уже было сказано выше, добавлять таблицы можно с помощью встроенного инструмента ,а также поддерживается вставка из, например, exel.
Рассмотрим работу встроенного инструмента.
Добавляется новая таблица нажатием на соответствующую клавишу и создается макет пустой таблицы в соответствии с необходимой размерностью:

При редактировании таблицы вы всегда можете выбрать одну/несколько ячеек или же всю таблицу, чтобы увидеть всплывающее меню:

1) Столбец
а) Столбец заголовков — сделать эту ячейку и те, что находятся с не на одном уровне по вертикали, стилистически выделенными
б) Вставить столбец слева
в) Вставить столбец справа
г) Удалить столбец
д) Выбрать столбец (полезно для последующего редактирования)
2) Строка
а)Строка заголовков — сделать эту ячейку и те, что находятся с не на одном уровне по горизонтали, стилистически выделенными
б) Вставить строку выше
в) Вставить строку ниже
г) Удалить строку
д) Выбрать строку (полезно для последующего редактирования)
3) Объединить ячейки. Если выбрано несколько ячеек, они сразу попытаются объединиться после нажатия на эту кнопку.
а) Объединить с ячейкой сверху
б) Объединить с ячейкой справа
в) Объединить с ячейкой снизу
г) Объединить с ячейкой слева
д) Разделить ячейку вертикально
е) Разделить ячейку горизонтально
4) Настройки таблицы. В этом пункте меню вы можете задать настройки стилей сразу для всей таблицы:
стиль линии, цвет и толщину границ,
цвет фона,
ширина и высота ячеек (в пикселях),
положение таблицы в текстовом блоке (слева, по центру, справа).
5) Настройки выбранной ячейки (ячеек). В этом пункте меню вы можете задать следующие настройки стилей:
стиль линии, цвет и толщину границ,
цвет фона,
ширина и высота ячеек, внутренние отступы от границ ячейки до текста (в пикселях),
выравнивание текста в ячейках (горизонтальное и вертикальное).

Также обратите внимание, что вы можете очищать от стилей вставленные таблицы (или отдельные ячейки) с помощью специальной кнопки: