Inline Tools
Inline tools decorate selected text inside paragraph-like blocks. Clepit ships 8 inline tools out of the box. They compose freely and all serialise as plain HTML inside the block’s html data.
Inline tools update the block's `html` data field. They do not add separate blocks. All formatting stays as plain HTML.
Open the inline toolbar by selecting any text inside a paragraph, header, list item, quote, or alert block.
bold: Cmd/Ctrl + B
Bold emphasis.
HTML
<strong>text</strong>inline-code: Cmd/Ctrl + `
Inline code span in a monospace font.
HTML
<code class="clepit-inline-code">text</code>italic: Cmd/Ctrl + I
Italic emphasis.
HTML
<em>text</em>link: Cmd/Ctrl + K
Link a span of text to a URL.
HTML
<a class="clepit-link" href="https://example.com" target="_blank" rel="noopener noreferrer">text</a>marker: Cmd/Ctrl + Shift + M
Highlight a span with a marker background.
HTML
<span class="clepit-marker-wrapper"><span class="clepit-marker-stroke"></span> text </span>strikethrough: Cmd/Ctrl + Shift + X
Strikethrough.
HTML
<s>text</s>tooltip: Cmd/Ctrl + Shift + T
Attach a hover tooltip to a span.
HTML
<span class="clepit-tooltip" data-tooltip="hint text">text</span>underline: Cmd/Ctrl + U
Underline.
HTML
<u>text</u>