인라인 도구
인라인 도구는 문단형 블록 안의 선택된 텍스트를 꾸밉니다. 에디터가 제공하는 모든 인라인 도구가 여기에 기록되어 있습니다. 자유롭게 조합되며 모두 블록 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으로 캐럿 위치에 삽입합니다. 둘 다 편집 불가능한 칩으로 그려지며 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>