内联工具
内联工具装饰类段落块中选中的文本。编辑器附带的每一个内联工具都记录在这里。它们可自由组合,并且全部序列化为块 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>link: Cmd/Ctrl + K
将一段文本链接到一个 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>status
把选中的文本变成状态徽章。对话框会询问文本和变体:info、success、warning、error 或 plain。
HTML
<span class="clepit-status clepit-status--info">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>提及与文档链接
提及和文档链接不是工具栏按钮;宿主通过 insertMentionAtCaret 和 insertDocLinkAtCaret 在光标处插入它们。两者都渲染为不可编辑的芯片,并在 data 属性中携带自己的身份。
HTML
<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 时,它会在打开、获得焦点以及每五分钟刷新一次。
HTML
<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>