Встроенные инструменты
Встроенные инструменты украшают выделенный текст внутри блоков, похожих на абзацы. Каждый встроенный инструмент, поставляемый с редактором, описан здесь. Они свободно сочетаются и все сериализуются как обычный HTML внутри html-данных блока.
Откройте инлайн-панель инструментов, выделив любой текст внутри абзаца, заголовка, элемента списка, цитаты или блока alert.
bold: Cmd/Ctrl + B
Полужирное выделение.
<strong>text</strong>inline-code: Cmd/Ctrl + `
Инлайн-фрагмент кода моноширинным шрифтом.
<code class="clepit-inline-code">text</code>italic: Cmd/Ctrl + I
Курсивное выделение.
<em>text</em>link: Cmd/Ctrl + K
Свяжите фрагмент текста с URL.
<a class="clepit-link" href="https://example.com" target="_blank" rel="noopener noreferrer">text</a>marker: Cmd/Ctrl + Shift + M
Выделите фрагмент маркерным фоном.
<span class="clepit-marker-wrapper"><span class="clepit-marker-stroke"></span> text </span>status
Превращает выделенный текст в значок статуса. Диалог запрашивает текст и вариант: info, success, warning, error или plain.
<span class="clepit-status clepit-status--info">text</span>strikethrough: Cmd/Ctrl + Shift + X
Зачёркивание.
<s>text</s>tooltip: Cmd/Ctrl + Shift + T
Прикрепите всплывающую подсказку к фрагменту.
<span class="clepit-tooltip" data-tooltip="hint text">text</span>underline: Cmd/Ctrl + U
Подчёркивание.
<u>text</u>Упоминания и ссылки на документы
Упоминания и ссылки на документы не являются кнопками панели; хост вставляет их у курсора через insertMentionAtCaret и insertDocLinkAtCaret. Оба рисуются как нередактируемые чипы и несут свою идентичность в data-атрибутах.
<span class="clepit-mention" data-user-id="u-42" contenteditable="false">@ada</span>
<a class="clepit-doc-link" data-page-id="p-7" contenteditable="false">Release notes</a>Чипы задач
Вставленная ссылка Linear, Jira, GitHub или Asana становится чипом с ключом, названием, статусом и исполнителем. Чип хранит последнее известное состояние в атрибутах data-issue-*; когда хост передаёт EditorConfig.resolveIssues, он обновляется при открытии, при фокусе и каждые пять минут.
<a class="clepit-issue" href="https://linear.app/acme/issue/ENG-142" contenteditable="false" data-issue-tool="linear" data-issue-key="ENG-142" data-issue-title="Fix the thing" data-issue-state="In Progress" data-issue-category="started" data-issue-assignee="Amina Diallo" data-issue-url="https://linear.app/acme/issue/ENG-142">ENG-142</a>