跳到主要内容

内联工具

内联工具装饰类段落块中选中的文本。编辑器附带的每一个内联工具都记录在这里。它们可自由组合,并且全部序列化为块 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>

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>