Liigu põhisisu juurde

Vormindamisriistad

Tekstisisesed tööriistad kaunistavad valitud teksti lõigulaadsetes plokkides. Iga redaktoriga kaasas olev tekstisisene tööriist on siin dokumenteeritud. Need kombineeruvad vabalt ja kõik serialiseeritakse tavalise HTML-ina ploki html-andmetes.

Tekstisisesed tööriistad uuendavad ploki `html` andmevälja. Need ei lisa eraldi plokke. Kogu vormindus jääb tavalise HTML-ina.

Ava tekstisisene tööriistariba, valides mis tahes teksti lõigu, päise, loendielemendi, tsitaadi või alert-ploki sees.

bold: Cmd/Ctrl + B

Rasvane rõhutus.

HTML
<strong>text</strong>

inline-code: Cmd/Ctrl + `

Tekstisisene koodilõik monospace-fondis.

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

italic: Cmd/Ctrl + I

Kaldkirjas rõhutus.

HTML
<em>text</em>

Lingi tekstilõik URL-iga.

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

marker: Cmd/Ctrl + Shift + M

Tõsta lõik esile markeri taustaga.

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

status

Muudab valitud teksti olekumärgiks. Dialoog küsib teksti ja variandi: info, success, warning, error või plain.

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

strikethrough: Cmd/Ctrl + Shift + X

Läbikriipsutus.

HTML
<s>text</s>

tooltip: Cmd/Ctrl + Shift + T

Lisa lõigule hõljutusvihje (tooltip).

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

underline: Cmd/Ctrl + U

Allakriipsutus.

HTML
<u>text</u>

Mainimised ja dokumendilingid

Mainimised ja dokumendilingid ei ole tööriistariba nupud; host lisab need kursori kohale funktsioonidega insertMentionAtCaret ja insertDocLinkAtCaret. Mõlemad joonistuvad mittemuudetavate kiipidena ja kannavad oma identiteeti data-atribuutides.

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>

Teemakiibid

Kleebitud Linear-i, Jira, GitHubi või Asana link muutub kiibiks, mis kannab võtit, pealkirja, olekut ja vastutajat. Kiip hoiab viimast teadaolevat olekut data-issue-* atribuutides; kui host annab EditorConfig.resolveIssues, värskendub see avamisel, fookuse saamisel ja iga viie minuti järel.

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>