Примеры форматирования текста тегами псевдо-HTML

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

Пример 1 | Оформление и выделение текста

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

<r>Обычный текст</r>
<i>Наклонный текст</i>
<b>Жирный текст</b>
<u>Подчеркнутый текст</u>

Результат на терминале:

Пример 2 | Горизонтальная линия

Для разделения разных частей текста можно воспользоваться тегом <hr/>, который выводит горизонтальную линию.

Горизонтальная<hr/>
линия

Результат на терминале:

Пример 3 | Размер текста

Размер текста задается атрибутом «size="…"», вставленный в теги.

Например, <b size="…">…</ b>, <r size="…">…</r>, <Red size="…">…</Red>.

<r size="18">Размер текста 18</r>
<r size="14">Размер текста 14</r>
<r size="10">Размер текста 10</r>

Результат на терминале:

Пример 4 | Цвет текста

В этом примере мы задаем цвет текста несколькими способами.

<Green>Зеленый цвет текста задан словом "Green"</Green><hr/>
<r color="#008000">Зеленый цвет текста задан кодом color="#008000"</r><hr/>
<r color="Green">Зеленый цвет текста задан color="Green"</r><hr/>
<Red>красный</Red>
<Blue>синий</Blue>
<r color="#000000">черный</r>

Результат на терминале:

Пример 5 | Форматирование динамического текста переменной

Форматирование можно применять и при отображении значений переменных.

Сегодня <Red>{CurrentDate.Day}</Red> число

Результат на терминале:

Пример 6 | Совместное использование тегов

<u><i><b>Наклонный жирный текст с подчеркиванием</b></i></u><hr/>
<b color="Green">Жирный зеленый текст</b><hr/>
<Green size="10">Зелено</Green>-<Red size="16">красный</Red> текст<hr/>
<r color="#0000FF">Синий <i>наклонный</i> </r><hr/>
<Red size="16">Большой красный</Red><hr/>

Результат на терминале:

Пример 7 | Форматирование переменной SelectedProduct

{SelectedProduct.Product.Name}
<r color=”blue”>{SelectedProduct.QuantityString:Сканировано (0)}</r>

Мы указали, чтобы информация о количестве и сам текст «Сканировано» отображались синим цветом. Для этого мы задали атрибут цвета текста color=”blue”.

Результат на терминале:

Пример 8 | Форматирование переменной и текста

В этом примере мы укажем, чтобы информация о количестве отображалась жирным шрифтом, а остальной текст обычным шрифтом. Для этого мы заключили в тег <b>…</b>, ту часть, которую мы хотели выделить жирным шрифтом. Теги можно вписывать и внутри переменной ({SelectedProduct.QuantityString: <b>(0)</b>}) и заключать в тег всю переменную (<b> {SelectedProduct.Product.CurrentQuantity} {SelectedProduct.Product.BasePacking.Name} </b>).

(esc) - назад | сканировано {SelectedProduct.Name} - {SelectedProduct.QuantityString: <b>(0)</b>}
Уже набрано - <b> {SelectedProduct.Product.CurrentQuantity} {SelectedProduct.Product.BasePacking.Name} </b>

Результат на терминале:

Пример 9 | Выравнивание текста 

Доступно 3 варианта выравнивания текста:

  • по левому краю
  • по правому краю
  • по центру
<r size="12" align="left" color="DarkBlue">Выравнивание по левому краю</r>
<r size="12" align="right" color="DarkGreen">Выравнивание по правому краю</r>
<r size="12" align="center" color="Red">Выравнивание по центру</r>

Результат на терминале