بهترین ویرایشگرهای تحت وب

۴ بهمن ۱۳۹۶

در این مقاله 10 تا از بهترین ویرایشگرهای وبی که طراحان وب سایت می توانند در پروژه های خود استفاده کنند معرفی می کنیم. اصطلاحا به این ویرایشگرها (WYSIWYG (What You See Is What You Get گفته می شود. این ویرایشگرهای تحت وب اکثرا از javascript و jQuery استفاده می کنند. از این ویرایشگرها نباید توقعی در حد اپلیکشنهای دسکتاپی مانند word و غیره داشت.

1. Froala

طراحی سایت

Froala WYSIWYG یک ویرایشگر HTML می باشد که کار کردن با آن بسیار راحت است و از jQuery 1.11.0 و یا بالاتر و همچنین از Font Awesome 4.4.0 استفاده می کند. این ویرایشگر وبی یک سیستم مکانیزه قوی برای دفاع در برابر حملات XSS دارد.

ویژگیها
  • 34KB gzipped
  • ویرایش خطی
  • کلمات میانبر
  • داشتن دانش اولیه HTML,JavaScript
  • داشتن دو تم سیاه و سفید
  • بهینه شده برای نمایش در موبایل
  • دوست MS-Word
  • پشتیبانی از 34 زبان و راست به چپ (RTL)

2. ContentTools

طراحی سایت

ContentTools ویرایشگر محتوا کوچک و زیبا است. این کتابخانه از هر چارچوب یا کتابخانه ی جاوا اسکریپت (حتی جی کوئری) استفاده نمی کند اما با هر کدام از آنها به سادگی کار می کند. بسته ContentTools از 5 کتابخانه ساخته شده است، هر کدام از آنها می توانند به طور مستقل استفاده شوند.

ویژگیها
  • 49KB gzipped
  • ویرایش خطی
  • تغییر سایز عکس و ویدئو
  • پشتیبانی از undo/redo

3. Raptor Editor

طراحی سایت

Raptor Editor یک ویرایشگر جاوا اسکریپت WYSIWYG متن باز است که کاربر پسند و کاربری آن آسان است. این ویرایشگر برای طرح بندی چند بلوک پیچیده ایده آل است. با استفاده از آخرین فن آوری ها از جمله ویژگی های HTML5 ContentEditable و جی کوئری بصورت ماژولار کار می کند.

ویژگیها
  • ویرایش خطی
  • بلاکهای انعطاف پذیر
  • تمهای آماده
  • داکومنت و آموزش خوب

4. Aloha

طراحی سایت

Aloha Editor یک کتابخانه ویرایش محتوا است. که اجازه می دهد تا شما ویرایشی یکپارچه ای در برنامه وب خود داشته باشید.

ویژگیها
  • 142KB size
  • MS-Word friendly
  • سازگار با انواع مرورگرها
  • قابل سفارشی سازی

5. TinyMCE

طراحی سایت

TinyMCE یک ویرایشگر مبتنی بر جاوا اسکریپت HTML WYSIWYG است. این شما را قادر می سازد تا فیلدهای HTML textarea یا دیگر عناصر HTML را به نمونه های ویرایشگر تبدیل کنید. شما می توانید فایل ها را در Microsoft Azure، Google Drive، Amazon S3، DropBox و غیره آپلود و مدیریت کنید.

ویژگیها
  • جاسازی ویدئوهای زنده
  • ویرایش تصویر
  • Spell check (enterprise)
  • MS-Word friendly
  • پشتیبانی از 40 زبان دنیا
  • عملکرد خوب درمرورگرهای مختلف

6. bootstrap3-wysiwyg

طراحی سایت

bootstrap3-wysiwyg یک پلاگین جاوا اسکریپت است که برای ایجاد ویرایشهای ساده و زیبا می باشد. این ویرایشگر از WYSIWYG و wysihtml5 و Bootstrap استفاده میکند.

ویژگیها
  • 206kb
  • پشتیبانی از RequireJS
  • قالبهای سفارشی برای toolbar
  • مکان دانلود قالبهای جدید
  • نمایش رویدادها دانلود و blur

7. Summernote

طراحی سایت

Summernote یک ویرایشگر متن بر اساس بوت استرپ است. تم های مختلف برای آن وجود دارد و توسط Bootswatch طراحی شده اند. همچنین یک نسخه Material به نام MaterialNote دارد.

ویژگیها
  • 80kb JS+CSS
  • پشتیبانی از Bootstrap 3.x.x
  • سازگار با Django , Rails , Angular
  • سفارشی کردن ساده

8. CKEditor

طراحی سایت

CKEditor یک ویرایشگر متن HTML آماده است که برای ایجاد محتوای وب ساده طراحی شده است.

ویژگیها
  • سفارشی سازی با CKBuilder
  • سازگار با MS Word
  • ویرایش خطی
  • پشتیبانی از Undo/redo
  • RTL support
  • پشتیبانی از 60 زبان دنیا

9. Trumbowyg

طراحی سایت

Trusmbowyg سبکترین ویرایشگر وب است در حالی که تمام ویراستاران WYSIWYG موجود بیش از 45 کیلوبایت هستند، Trumbowyg تنها 16 کیلوبایت است. و به jQuery وابستگی دارد.

ویژگیها
  • تنها 16KB

10. Redactor

طراحی سایت

Redactor یک ویرایشگر سریع، قدرتمند و قابل ارتقا با یک تیم پشتیبانی با کیفیت است. این در حدود 7 سال گذشته بوده و در حال توسعه فعال است. همچنین به صورت خودکار تصاویر را به Amazon S3 آپلود می کند.

ویژگیها
  • 75KB minified
  • ویرایش کلمه بصورت خطی
  • CodeMirror support
  • Drag and drop functionality for images
  • اضافه کردن راحت پلاگین

 نویسنده:حمید شاه محمدی
 تعداد مشاهده خبر:(812)
 هر روز از مقاله های جدید طراحی سایت در کانال تلگرام ما با خبر شوید

 میانگین امتیازات:
 
  تعداد رای دهندگان: {{ count }}
نظرات:

{{ x }}
{{ alert }}

نویسنده:{{ com.name }}
{{ com.body }}
{{ com.created_at }}