Lumaktaw sa pangunahing nilalaman

Mga Inline Tool

Dinedekorasyunan ng inline tools ang napiling teksto sa loob ng mga block na parang talata. Nakadokumento rito ang bawat inline tool na kasama sa editor. Malaya silang nagsasama at lahat ay nagse-serialise bilang plain HTML sa loob ng html data ng block.

Ina-update ng mga inline tool ang `html` data field ng block. Hindi nagdadagdag ng hiwalay na mga block. Nananatiling plain HTML ang lahat ng pag-format.

Buksan ang inline toolbar sa pamamagitan ng pagpili ng anumang teksto sa loob ng paragraph, header, list item, quote, o alert block.

bold: Cmd/Ctrl + B

Bold na diin.

HTML
<strong>text</strong>

inline-code: Cmd/Ctrl + `

Inline code span sa isang monospace na font.

HTML
<code class="clepit-inline-code">text</code>

italic: Cmd/Ctrl + I

Italic na diin.

HTML
<em>text</em>

I-link ang isang span ng teksto sa isang URL.

HTML
<a class="clepit-link" href="https://example.com" target="_blank" rel="noopener noreferrer">text</a>

marker: Cmd/Ctrl + Shift + M

I-highlight ang isang span gamit ang marker background.

HTML
<span class="clepit-marker-wrapper"><span class="clepit-marker-stroke"></span> text </span>

status

Ginagawang status badge ang napiling teksto. Isang dialog ang nagtatanong ng teksto at ng variant: info, success, warning, error, o plain.

HTML
<span class="clepit-status clepit-status--info">text</span>

strikethrough: Cmd/Ctrl + Shift + X

Strikethrough.

HTML
<s>text</s>

tooltip: Cmd/Ctrl + Shift + T

Maglakip ng hover tooltip sa isang span.

HTML
<span class="clepit-tooltip" data-tooltip="hint text">text</span>

underline: Cmd/Ctrl + U

Underline.

HTML
<u>text</u>

Ang mga mention at doc link ay hindi mga button sa toolbar; inilalagay ng host ang mga ito sa caret gamit ang insertMentionAtCaret at insertDocLinkAtCaret. Parehong iginuguhit bilang hindi nae-edit na chip at dala ang kanilang identity sa mga data attribute.

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>

Mga issue chip

Ang na-paste na Linear, Jira, GitHub o Asana link ay nagiging chip na may key, pamagat, status at assignee. Iniingatan ng chip ang huling alam na estado sa mga data-issue-* attribute; kapag nagbigay ang host ng EditorConfig.resolveIssues, nagre-refresh ito sa pagbukas, sa focus at tuwing limang minuto.

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>