ویرایش درونخطی — InlineEditor
همان موتور کپی کد با یک پاراگراف و ابزار محدود. برای عنوان، نام یا توضیح کوتاه که در جای خودشان ویرایش میشوند.
وضعیت: beta · لایه: ۳ (کپی کد) · کد: کپی کد
import { InlineEditor } from '@tokapps/editor';نمونهٔ زنده
0 / 40
کد قابل کپی
پایه
import { InlineEditor } from '@tokapps/editor';<InlineEditor aria-label="عنوان" defaultValue="عنوان قابل ویرایش" />با قاب فیلد و سقف نویسه
<InlineEditor aria-label="نام" variant="field" defaultValue="نام شرکت" maxLength={40} />خروجی مارکداون
<InlineEditor aria-label="توضیح" format="markdown" defaultValue="**کوتاه** و روشن" />ارسال و لغو
<InlineEditor aria-label="عنوان سند" value={title} onChange={setTitle} onSubmit={(v) => save(v)} onCancel={() => setEditing(false)}/>غیرفعال
<InlineEditor aria-label="قفل" isDisabled defaultValue="غیرفعال" />همهٔ پیکربندیها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| کپی کد | کپی کد | — | الزامی؛ جایگزین برچسب دیداری. |
| کپی کد / کپی کد | کپی کد / کپی کد | — | حالت کنترلشده. |
| کپی کد | کپی کد | — | حالت غیرکنترلی. |
| کپی کد | کپی کد | — | با Enter فراخوانی میشود. |
| کپی کد | کپی کد | — | با Escape فراخوانی میشود. |
| کپی کد | کپی کد · کپی کد · کپی کد | کپی کد | قالب ورودی و خروجی. |
| کپی کد | آرایه شناسه | پیوند، قالببندی متن، پارامتر | ابزارهای مجاز. |
| کپی کد | کپی کد | — | سقف نویسه با شمارنده. |
| کپی کد | کپی کد | — | اعتبارسنجها؛ خطای اول نمایش داده میشود. |
| کپی کد | کپی کد · کپی کد | کپی کد | بیقاب یا با قاب فیلد. |
| کپی کد | کپی کد | کپی کد | غیرفعال. |
| کپی کد | کپی کد · کپی کد · کپی کد | کپی کد | جهت متن. |
دسترسپذیری
- نقش کپی کد تکخطی با برچسب کپی کد.
- Enter ارسال و Escape لغو است؛ هر دو با صفحهکلید در دسترساند.
- شمارنده کپی کد است.
نکات
- برای سند چندبلوکی از RichTextEditor استفاده کنید.
- نوار ابزار فشرده بالای متن پیشفرض است؛ با کپی کد خاموش میشود و قالببندی فقط با میانبرهای صفحهکلید (Ctrl+B و Ctrl+I) در دسترس است.