Форматирование текста

Описание и комментарии задач задаются в формате HTML с ограниченным набором тегов. Допустимые теги:

Элементы текста, теги и примечания

Заголовки

<h1> <h2> <h3> <h4> <h5> <h6>

Параграф

</p>
<p style="text-align: center">
Для выравнивания параграфа по левому краю, центру и правому краю можно указать:
style="text-align: center | left | right"

Цвет текста

<span style="color: rgb(246, 26, 30)">
Список поддерживаемых цветов:
rgb(0, 0, 0)
rgba(151, 160, 175, 1)
rgba(246, 26, 30, 1)
rgb(246, 149, 30)
rgba(255, 213, 8, 1)
rgba(164, 241, 164, 1)
rgba(55, 170, 87, 1)
rgba(36, 156, 237, 1)
rgba(48, 103, 206, 1)
rgba(3, 37, 116, 1)
rgba(101, 69, 151, 1)
rgba(255, 255, 255, 1)

Жирный

<strong>

Курсив

<em>

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

<u>

Зачеркнутый

<s>

Подстрочный

<sub>

Надстрочный

<sup>

Фрагмент кода

<code>

Упорядоченный список

<ol>

Неупорядоченный список

<ul>

Элемент списка

<li>

Ссылка

<a target="_self" rel="noopener noreferrer nofollow" href="http://teamstorm.io">

Чек-лист

<ul data-type="taskList">

Элемент чек-листа

    <li data-checked="false"
        data-type="taskItem"><label>
        <input type="checkbox"><span></span></label>
        <div>`

### Изображение

> В атрибуты attachmentid и data-fileid требуется установить идентификатор вложения

```html
<app-editor-image alt="" title=""
    data-attachmentid="4c28e024-95e0-4dc9-b427-211b208d2271"
    data-imagealign="left"
    data-fileid="4c28e024-95e0-4dc9-b427-211b208d2271"
    data-filetype="image/gif">

Диаграмма drawio

    <app-editor-node data-node-type="drawIo"
        data-node-input="5d638e16-bdd0-4bb6-add3-04b44b1003a1">

В атрибут data-node-input требуется установить идентификатор вложения

Содержание

    <app-editor-node data-node-type="tableOfContents"
        data-node-input="">

Блок кода

<pre>

Разделитель

<hr>

Таблица

<table>

Тело таблицы

<tbody>

Строка таблицы

<tr>

Ячейка заголовка таблицы

    <th colspan="4"
        rowspan="1"
        colwidth="0"
        style="width: 0px; background-color: null">

colspan - объединение ячеек по горизонтали
rowspan - объединение ячеек по вертикали

Ячейка таблицы

    <td colspan="1"
        rowspan="1"
        style="width: nullpx; background-color: rgb(36, 156, 237)"
        data-backgroundcolor="rgb(36, 156, 237)">

colspan - объединение ячеек по горизонтали
rowspan - объединение ячеек по вертикали
background-color, data-backgroundcolor - цвет фона ячейки из списка допустимых цветов