مؤلفه "ویرایشگر متنی غنی CKEditor" یک ویرایشگر متنی غنی برای برنامه‌های وب شما فراهم می‌کند، که به کاربران امکان ایجاد و ویرایش محتوای قالب‌بندی شده را با آسانی می‌دهد. این بخش نشان می‌دهد که چگونه CKEditor را به برنامه‌ی خود ادغام کنید و از آن برای ویرایش متن استفاده کنید.
مؤلفه "ویرایشگر متنی غنی CKEditor" با ارائه یک ویرایشگر متنی غنی، قدرتمند و کاربرپسند، برنامه وب شما را بهبود می‌بخشد. کاربران می‌توانند به‌صورت بی‌درنگ محتوا را ایجاد، قالب‌بندی و ویرایش کنند. ظاهر و رفتار CKEditor را براساس نیازهای برنامه‌ی خود سفارشی‌سازی کنید و محتوای ویرایش شده را به‌صورت لازم بازیابی کنید. با استفاده از CKEditor، کاربران می‌توانند به‌صورت آسان محتوای متنی غنی را ایجاد و مدیریت کنند.
در این بخش، اطلاعات جزئی در مورد ویژگی‌ها، کلاس‌ها و گزینه‌های موجود که می‌توانید با اجزاء است. درک این خصوصیات برای سفارشی کردن و پیکربندی اجزاء برای مطابقت با نیازهای خاص شما ضروری است.
در زیر لیستی از ویژگی‌هایی که می‌توان به اجزاء منتقل کرد، آمده است:
| پراپ (Prop) | نوع (Type) | شرح |
|---|---|---|
| `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 را دریافت می‌کند. |
