মূল কন্টেন্টে যান

প্যাকেজ

ইনলাইন টুল

ইনলাইন টুল প্যারাগ্রাফ-সদৃশ ব্লকের ভেতরে নির্বাচিত টেক্সট সাজায়। এডিটরের প্রতিটি ইনলাইন টুল এখানে নথিভুক্ত। এগুলো স্বাধীনভাবে মিলিত হয় এবং সবই ব্লকের 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>

একটি টেক্সট স্প্যানকে একটি 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 দিলে পেজ খোলা, ফোকাস ও প্রতি পাঁচ মিনিটে এটি রিফ্রেশ হয়।

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>