インラインツール
インラインツールは段落系ブロック内の選択テキストを装飾します。エディターに同梱されるすべてのインラインツールをここに記載します。自由に組み合わせられ、すべてブロックの 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 でキャレット位置に挿入します。どちらも編集不可のチップとして描画され、identity を 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 を提供すると、開いた時、フォーカス時、5 分ごとに更新されます。
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>