Форматирование текста тегами псевдо-HTML

Последние изменение: 27.11.2018

Тексты в окнах на терминале можно форматировать при помощи  тегов псевдо-HTML. Использование форматирования позволяет отобразить информацию на экране в удобном пользователям виде, выделить важные сообщения в тексте и т.п.

Список тегов, которые можно использовать при форматировании текста:

Тег

Описание

Пример

<r [size="размер"] [color="цвет"]>Текст</r>

[…] – необязательные параметры

Обычный текст с возможностью задания цвета и размера.

<r size="14" color ="Green">Имя товара</r>

<r size="8">Имя товара</r>

<b [size="размер"] [color="цвет"]>Жирный текст</b>

[…] – необязательные параметры

Выделение текста жирным.

<b size="+2" color ="FF0000">Штрихкод</b>

<b size="10">Штрихкод</b>

<i [size="размер"] [color="цвет"]>Наклонный текст</i>

[…] – необязательные параметры

Текст написан курсивом (наклонный).

<i size="+1">Артикул</i>

<i size="8" color="Red">Артикул</i>

<u [size="размер"] [color="цвет"]>Подчеркнутый текст</u>

[…] – необязательные параметры

Подчеркнутый текст.

<i size="+1">Ячейка</i>

<i>Ячейка</i>

<ИмяЦвета>Текст с цветом</ИмяЦвета>

В качестве тега можно использовать имя цвета для текста.

<Green>выводится зеленым</Green>

<Blue>выводится синим</Blue>

<hr [size="размер"] [color="цвет"]/>

[…] – необязательные параметры

Горизонтальная линия отчеркивания.

<hr/>

<hr size="2"/>

<br/>

Переход на новую строку (устанавливает перевод строки в том месте, где этот тег находится).

Текст<br/>С новой строки

<image> Путь к картинке или шаблон</image>

Вставка изображения. Читайте подробнее >>

<img>picture.jpg</img>

<button> Текст кнопки или картинка</button>

Вставка кнопки. Читайте подробнее >>

<button>Удалить</button>


Теги можно заключать друг в друга, например, 

<r size="12">Обычный текст <b> выделение текста жирным </b> снова обычный текст</r>.

Результат: Обычный текст выделение текста жирным снова обычный текст

При этом, вложенные тэги, если у них не задан размер или цвет, наследуют эти атрибуты у тега верхнего уровня, т.е. в приведенном примере жирный текст «выделение текста жирным» будет также иметь размер 12, как и остальной текст.

Задание размера текста

Для задания размера текста используется необязательный атрибут size="…". Если атрибут не задан, то для вывода текста используется размер по умолчанию, в соответствии со стилем отображения.

Размер может задаваться двумя способами:

Абсолютное значение

Размер текста соответствует заданному в атрибуте size.

<r size="12">Текст</r>

<r size="16">Текст</r>

<r size="8">Текст</r>

<b size="8">Текст</b>

Текст

Текст

Текст

Текст

Относительное значение

Размер текст задается со знаком "+" или “–“ и определяет изменение относительно размера уровнем выше, или размера текста по умолчанию.

Примеры смотрите здесь.

<r size="+2">Текст</r>

<r size="-1">Текст</r>

<b size="+2"> Выводим 12м - <b size="-2">Выведено 10м размером</b> - снова 12</b>

<b size="-2">Текст</b>

 

Размер по умолчанию = 10

Текст

Текст

Выводим 12м - Выведено 10м размером - снова 12

Текст


Размерами текстов в разных местах интерфейса по умолчанию Вы можете управлять, используя стиль клиентского приложения на ТСД. Подробнее про это читайте здесь.

Задание цвета текста

Для задания цвета текста используется тег с именем цвета или необязательный атрибут color="…". Если атрибут не задан, то для вывода текста используется цвет по умолчанию, в соответствии со стилем отображения.

Цвет может задаваться тремя способами:

Тег – имя цвета

В качестве тега можно использовать имя цвета на английском языке

<Green>Зеленый</Green>

<Red>Красный</Red>

Зеленый

Красный

Название цвета на английском языке

color="название цвета"

<r color=" Green ">Зеленый</r>

<r color="Red">Красный</r>

<b color="Black"> Черный - <b color="Blue">Синий</b> - Снова черный</b>

Зеленый

Красный

Черный - Синий - Снова черный

Код цвета в шестнадцатеричном виде

color="код цвета"

<r color="#008000">Зеленый</r>

<r color="# FF0000">Красный</r>

<b color="#000000"> Черный - <b color="#0000FF">Синий</b> - Снова черный</b>

Зеленый

Красный

Черный - Синий - Снова черный


Таблица цветов: