ورودی textarea در یک فرم تحت وب، فقط قابلیت درج متن ساده را دارد (مثل Notepad)
اما برای درج مطالب در سایت، ما نیاز به ادیتوری داریم که امکانات یک متن غنیشده (مثل نرمافزار word) را دارا باشد یعنی بتوانیم رنگ و سایز و نوع فلم را تغییر دهیم، تصویر و جدول و خط درج کنیم، بخشی از متن را لینک کنیم و …
با کمک جاوا اسکریپت (و گاهی کتابخانههای آن مثل جیکوئری) این نیاز محقق شده و هم اکنون ادیتورهای زیادی هستند که این قابلیت را دارند و به مدیران امکان درج و ویرایش مطالبشان را به صورت آنلاین میدهند.
این ادیتورها که با اصطلاح What You See Is What You Get یا اختصارا WYSIWYG (بخوانید ویز ویگ) شناخته میشوند، دارای امکانات متعدد و در نتیجه حجمهای متفاوتی هستند که در ادامه چند نمونه آن معرفی میشود:
- javascript wysiwyg editor
یک ادیتور ساده جاوا اسکریپتی با حجم 3 کیلوبایت! - NicEdit
یک ادیتور خوب جاوا اسکریپتی با حجم 30 کیلوبایت - CKEditor
یک ادیتور پرقابلیت و البته سنگینحجم که قبلا با نام FCKEditor شناخته میشد. - TinyMCE
یک ادیتور کامل با حجم حداقل 200 کیلوبایت که بنظرم جزو بهترینهاست. این ادیتور توسط بسیاری از CMS های معروف از جمله WordPress مورد استفاده قرار گرفته است. - Redactor
یک ادیتور خوب نوشته شده با کمک جیکوئری - fresherEditor
یک ادیتور ساده نوشته شده با جی کوئری که به راحتی قابلیت تغییر و حذف و اضافه کردن قابلیتها را دارد. مثال آنلاین - Live Edit و jQuery Notebook
دو ادیتور فوق ساده با قابلیتهای Bold, Italic, Link, List که پس از انتخاب متن، کنار متن ظاهر میشود. (پیشنمایش Live Edit | پیشنمایش jQuery Notebook) - Summernote
این ادیتور عالی و رایگان و نسبتا سبک، دارای استایل بوت استرپ بوده و درج تصاویر به صورت base64 از ویژگیهایی است که آن را از سایر ادیتورهای مشابه متمایز میکند. - Froala WYSIWYG Editor
یک ادیتور سادهی جیکوئری دیگر، که سبک بوده و هم به صورت inline و هم به صورت عادی قابل استفاده است. (پیشنمایش) - SCEditor
یک ادیتور سبک برای ویرایش html و bbcode با قابلیتهای نسبتا خوب و پشتیبانی از RTL. - bootstrap wysiwyg
همانطور که از نامش پیداست، این ادیتور، بر اساس تم بوتسترپ تهیه شده و امکانات پایه و ساده را داراست. - Quill
یک ادیتور ساده اما نوین که در وسایل لمسی هم به خوبی کار میکند و به راحتی قابل گسترش است.