メインコンテンツへスキップ

インラインツール

インラインツールは、段落のようなブロック内で選択したテキストを装飾します。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>