تخطَّ إلى المحتوى الرئيسي

الأدوات المضمنة

تزيّن الأدوات المضمّنة النص المحدّد داخل الكتل الشبيهة بالفقرات. كل أداة مضمّنة يتضمّنها المحرر موثّقة هنا. تتكامل بحرية وتُسلسَل جميعها كـ HTML عادي داخل بيانات html الخاصة بالكتلة.

تُعدِّل الأدوات المضمّنة حقل `html` الخاص بالكتلة. لا تُضيف كتلًا مستقلة. يبقى كل التنسيق بوصفه HTML بسيطًا.

افتح شريط الأدوات المضمّن بتحديد أي نص داخل فقرة أو عنوان أو عنصر قائمة أو اقتباس أو كتلة alert.

bold: Cmd/Ctrl + B

تأكيد بالخط العريض.

HTML
<strong>text</strong>

inline-code: Cmd/Ctrl + `

نطاق كود مضمّن بخط أحادي المسافة (monospace).

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>

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

أرفِق تلميحًا (tooltip) يظهر عند التمرير بنطاق من النص.

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 تُحدَّث عند فتح الصفحة وعند التركيز وكل خمس دقائق.

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>