• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!

10 ادیتور رایگان جاوا اسکریپت (WYSIWYG HTML Editor)

14205 ۹ خرداد ۹۲

وقتی در مورد ادیتینگ و ویرایش در HTML صحبت می‌کنیم، WYSIWYG editor ها نقش بسیاری زیادی را در صرفه جویی در وقت برای کسانی که دانش چندانی در زمینه CSS Styling ندارند، ایفا می‌کنند. این باعث می‌شود تا شاهکاری حرفه‌ای خلق کنید.

امروز 10 تا از بهترین ادیتورهای بر اساس جاوا اسکریپت یا جی کوئری را برای معرفی به شما، انتخاب کرده‌ایم:

CKEditor

این ادیتور، مورد استفاده‌ی کمپانی‌های بزرگی همچون، IBM و Adobe است. تنظیمات زیادی در زمینه شخصی سازی، کنترل محتوی و یکپارچگی دارد.

TinyMCE

این ادیتور نیز از جمله معروف‌ترین‌ها است که توسط کمپانی‌های بزرگی استفاده می‌شود و همچنین محیطی شبیه به نرم‌افزار WORD را برای شما ایجاد می‌کند.

Mercury Editor

محیط جذابی دارد. بهترین بخشش، ایجاد یادداشت‌های کوچک در مکان مشخصی از صفحه‌ی وب است.

Redactor

این ادیتور نیز مانند Mercury، محیط جالبی دارد.

Markitup

از لحاظ فنی، این یک ادیتور WYSIWYG نیست. انواع مورد نظر شما مانند Html, Textile, Wiki Syntax, Markdown, BBcode، می‌تواند به سادگی اجرا شود.

elRTE

تنظیمات زیادی دارد و با بیش از 10 آپشن، می‌توانید شخصی سازی‌اش کنید.

Xinha

از لحاظ ظاهری شاید خیلی جالب نباشد ولی امکانات‌اش، دقیقا همان چیزی است که شما می‌خواهید.

NicEdit

ساده، کوچک و سریع.

CLEditor

سبک است و محیط خوبی برای شما فراهم می‌کند.

TinyEditor

از نامش پیدا است. کوچک و راحت...

خوب حالا می تونید از این ادیتورها در پروژه ها و وبسایت های خودتون استفاده کنید !

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 19 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏

    من که همون “اکسپرشن وب” و “دریم ویور” رو به همه ی اینا ترجیح میدم…آخه به اینا هم میگن ادیتور؟؟؟

    • ‏‏
      سجاد دریس(۹ خرداد ۱۳۹۲)

      سلام.
      این ادیتور ها، ادیتورهای تحت وب هستن، و نه تحت ویندوز!!
      از این ادیتورها در وبسایت ها و وبلاگ ها استفاده میشه به طور مثال برای قسمت نوشتن نظر یا، نوشتن مطالب سایت.
      نمونشو هم میتونید در انجمن 7learn هنگام ایجاد تاپیک جدید، یا پاسخ جدید مشاهده کنید

  • ‏‏

    سلام
    ممنون
    چجوری میتونیم اینارو با دیگر سیستم ها ست کنیم؟

    • ‏‏
      سجاد دریس(۱ تیر ۱۳۹۲)

      سلام.
      باید با php آشنایی داشته باشین

  • ‏‏
    جابر(۳ تیر ۱۳۹۲)

    سلام من ckeditorرا دارم فقط نمیدونم چطوری از کداش در دریم ویور برای طراحی سی ام اس استفاده کنم .باید کدهاش را کپی کنم یا ک از پلاگیناش استفاده کنم.این سوالیه ک چند ساله ذهنم درگیرشه ک چگونه سیستم های سی ام اس ازش استفاده میکنن.اولا ی پاسخ روشن بهم بدین /ثانیا پیشنهاد میکنم ی مطلب در این مورد بذارین مطمئنا در اینترنت تک خواهد بود چون من ک پیدا نکردم مخصوصا برای دریم ویور ک قدرتمند و طرفدارای زیادی داره ممنون میشم

    • ‏‏
      لقمان آوند(۳ تیر ۱۳۹۲)

      ببینید این ادیتور ها در واقع همون textarea ها هستند که با استفاده از جاوااسکریپت قابلیت های زیادی به اونها اضافه شده . در خود سایت ckeditor نحوه ی استفادش توضیح داده شده :
      http://docs.cksource.com/CKFinder_2.x/Users_Guide
      مثلا این مثال رو ببینید . بعد از لود کردن فایل های ckeditor فقط مقدار ویژگی یه textarea رو کافیه بزارید ckeditor تا در صفحه وب تبدیل به یک ادیتور پیشرفته شه :
      http://nightly.ckeditor.com/13-06-23-13-05/standard/samples/replacebyclass.html

      • ‏‏

        ممنون از راهنماییاتون.خیلی ب دردم خورد.چیزی ک من تا حالا فهمیدم اینه ک از سی ام اس ها باید بر طبق اصول اونها و…سایتت را درست کنی واستفاده کنی.اما حالا این وسط من اگه بخوام سایت داینامیک خودم را بسازم ک احتیاجی ب اینها نداشته باشم چکار باید بکنم یا این ک ایا مثلا وردپرس یا جوملا یا دروپال میتونن این سایتی را ک من درست کردم را پشتیبانی کنن

        • ‏‏
          سجاد دریس(۱۰ تیر ۱۳۹۲)

          سلام.
          در این صورت خودتون باید یک CMS طراحی کنید. که با وجود وردپرس و جوملا و دیگر cmsها که کامل و بسیار حرفه ای هستند، کار درستی بنظر نمیرسه.
          خیر پشتیبانی نخواهند کرد.

  • ‏‏
    mohamadi.manijeh(۱۱ شهریور ۱۳۹۲)

    سلام
    میخاستم ببینم بین ادیتورهایی که وجود دارد نه الزاما رایگان کدوم از همه قویتر و بهتر هست … برای یک سایت مدیریت محتوا میخاستم ….
    و علت برتری را هم بفرمایید چی هست ؟؟

    • ‏‏
      کیوان علی محمدی(۱۱ شهریور ۱۳۹۲)

      سلام خوب معمولا ادیتور های که پولی هستن بهترن؛اما ادیتور های رایگان مثل TinyMCE ادیتور های خوبی هستن و توی خیلی جاها استفاده میشن،سایت های بزرگ هم معمولا به خاطر امنیت خودشون اقدام به طراحی ادیتور میکنن.

  • ‏‏
    mohamadi.manijeh(۱۱ شهریور ۱۳۹۲)

    من خودم نظرم روی تلریک میخاستم ببینم نظر بقیه چی هست ..؟

    • ‏‏
      کیوان علی محمدی(۱۱ شهریور ۱۳۹۲)

      تلریک کامپوننت هاش واقعا خوب و با کیفیته اما شما باید یه مقایسه ای هم بکنید از لحاظ حجم اسکریپتی که به سایت اضافه میشه،مخصوصا اگه بخواید برای کاربان عمومی هم در دسترس باشه.

  • ‏‏

    چطوری میتونم به ckeditor دکمه اضافه کنم مثلا دکمه آپلود فایل یا دکمه پرداخت ؟؟

    • ‏‏
      لقمان آوند(۱۵ فروردین ۱۳۹۳)

      اینکار با جاوااسکریپت انجام میشه . دکمه ای در کنار ادیتور بزارید که با کلیک روی اون تیکه کد خاصی با textarea اضافه بشه . سادست ..

      • ‏‏

        ممنون از پاسخگویی سریع شما 😀
        ولی من میخوام که دکمه به ckeditor اضافه بشه مثل همون دکمه های تراز بندی متن و سایر امکاناتی که از قبل داشته آیا امکانش هست ؟؟

        • ‏‏
          لقمان آوند(۱۵ فروردین ۱۳۹۳)

          آره میشه . این جور ادیتور ها API خاص خودشون رو دارند و باید برای افزودن دکمه ها پلاگین بنویسی براشون . سرچ کنی پیدا می کنی . اینجا رو هم ببین .

  • ‏‏

    یا اینکه مثل همین ارسال نظر 7learn که امکان نوشتن کدهای html, css, php و .. داره

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram