Перейти к основному содержанию

Встроенные инструменты

Инлайн-инструменты оформляют выделенный текст внутри блоков, похожих на абзацы. Clepit поставляется с 8 инлайн-инструментами «из коробки». Они свободно сочетаются и все сериализуются как обычный HTML внутри html-данных блока.

Инлайн-инструменты обновляют поле данных `html` блока. Они не добавляют отдельные блоки. Всё форматирование остаётся как обычный HTML.

Откройте инлайн-панель инструментов, выделив любой текст внутри абзаца, заголовка, элемента списка, цитаты или блока alert.

bold: Cmd/Ctrl + B

Полужирное выделение.

HTML
<strong>text</strong>

inline-code: Cmd/Ctrl + `

Инлайн-фрагмент кода моноширинным шрифтом.

HTML
<code class="clepit-inline-code">text</code>

italic: Cmd/Ctrl + I

Курсивное выделение.

HTML
<em>text</em>

Свяжите фрагмент текста с URL.

HTML
<a class="clepit-link" href="https://example.com" target="_blank" rel="noopener noreferrer">text</a>

marker: Cmd/Ctrl + Shift + M

Выделите фрагмент маркерным фоном.

HTML
<span class="clepit-marker-wrapper"><span class="clepit-marker-stroke"></span> text </span>

strikethrough: Cmd/Ctrl + Shift + X

Зачёркивание.

HTML
<s>text</s>

tooltip: Cmd/Ctrl + Shift + T

Прикрепите всплывающую подсказку к фрагменту.

HTML
<span class="clepit-tooltip" data-tooltip="hint text">text</span>

underline: Cmd/Ctrl + U

Подчёркивание.

HTML
<u>text</u>