跳到主要内容

内联工具

行内工具用于装饰类似段落的区块内所选的文本。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>