مؤلفه "ویرایشگر متنی غنی CKEditor" یک ویرایشگر متنی غنی برای برنامه‌های وب شما فراهم می‌کند که به کاربران امکان ایجاد و ویرایش محتوای قالب‌بندی شده را با آسانی می‌دهد. این بخش نشان می‌دهد که چگونه CKEditor را به برنامه خود ادغام کنید و از آن برای ویرایش متن استفاده کنید.
HTMLOpenTagdiv class="editor"HTMLCloseTag
HTMLOpenTag/divHTMLCloseTag
مؤلفه "ویرایشگر متنی غنی CKEditor" با ارائه یک ویرایشگر متنی قدرتمند و کاربرپسند، برنامه وب شما را بهبود می‌بخشد. کاربران می‌توانند به‌صورت بی‌درنگ محتوا را ایجاد، قالب‌بندی و ویرایش کنند. ظاهر و رفتار CKEditor را براساس نیازهای برنامه‌ی خود سفارشی‌سازی کنید و محتوای ویرایش شده را به‌صورت لازم بازیابی کنید. با استفاده از CKEditor، کاربران می‌توانند به‌صورت آسان محتوای متنی غنی را ایجاد و مدیریت کنند.
در این بخش، شما اطلاعات دقیقی درباره ویژگی‌ها، کلاس‌ها، و گزینه‌های موجود که می‌توان با این مؤلفه استفاده کرد را پیدا خواهید کرد. درک این ویژگی‌ها برای سفارشی‌سازی و پیکربندی مؤلفه برای تنظیمات خاص شما بسیار مهم است.
در زیر لیستی از ویژگی‌هایی که می‌توان به اجزاء منتقل کرد، آمده است:
| پراپ | نوع | شرح |
|---|---|---|
| `as` | `string` | نوع عنصر HTML که باید به عنوان رندر شود. پیش‌فرض آن "div" است. |
| `disabled` | `boolean` | نشان می‌دهد که آیا ویرایشگر باید غیرفعال شود یا خیر. مقدار پیش‌فرض آن false است. |
| `config` | `{}` | گزینه‌های پیکربندی برای CKEditor. |
| `value` | `string` | محتوای CKEditor. |
| `onChange` | `(value: string) => void` | تابع بازخوانی برای رسیدگی به تغییرات محتوای ویرایشگر. |
| `onFocus` | `(value: string) => void` | یک تابع بازخوانی برای رسیدگی به رویداد فوکوس ویرایشگر. |
| `onBlur` | `(value: string) => void` | یک تابع بازخوانی برای رسیدگی به رویداد blur ویرایشگر. |
| `onReady` | `(value: string) => void` | یک تابع بازخوانی که وقتی CKEditor آماده است، فراخوانی می‌شود. |
| `getRef` | `(el: CkeditorElement) => void` | یک تابع که یک مرجع به عنصر CKEditor را دریافت می‌کند. |