بررسی بهترین ویرایشگرهای متن آنلاین برای توسعه دهندگان وب

یکی از تصمیمات مهمی که هر توسعه دهنده وب هنگام ایجاد یک وب سایت خواهد گرفت، همانا انتخاب یک ویرایشگر متن مناسب است. بسیاری از سیستم های مدیریت محتوای تحت وب، برای تولید محتوای متنی، ویرایشگرهایی با امکانات قالب بندی متون غنی (Rich Text) به کاربرانشان ارائه می دهند. نمونه های این ویرایشگرها را در هنگام نوشتن مطلب جدید در وبلاگ هایتان دیده اید. به طور مثال وردپرس، برای ایجاد مطلب یا صفحه، یک ویرایشگر با امکانات قالب بندی متن، درج تصویر و لینک در متن به شما می دهد.

rte

توسعه دهندگان وب برای دادن این امکانات ویرایشی به کاربران خود دو راه در پیش رو دارند، خودشان یک ویرایشگر بسازند یا از ویرایشگرهای موجود استفاده کنند. یک توسعه دهنده باهوش حتماً راه دوم را انتخاب خواهد کرد زیرا ویرایشگرهای زیادی روی وب وجود دارند که چند سال روی آن ها وقت گذاشته شده، عیب یابی شده اند و به صورت استاندارد درآمده اند و بسیاری از آن ها نیز به صورت اوپن سورس و رایگان در اختیار ما قرار دارند. در این مطلب به معرفی چند ویرایشگر مناسب برای توسعه دهندگان وب خواهم پرداخت.

TinyMCE

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

FCKeditor

ویرایشگریست که سعی می کند بیشتر امکانات ویرایشگرهای تحت دسکتاپ مانند MS Word را در وب پیاده سازی کند. سبک است و برای استفاده از آن احتیاجی به نصب در کامپیوتر کلاینت ندارد. این ها جملاتی است که در وب سایت رسمی FCKeditor در وصف آن نوشته شده اند. این ویرایشگر قدرتمند با تمامی مرورگرهای استاندارد سازگار است و با بیشنر زبان های برنامه نویسی تحت وب مجتمع می شود. امکانات مناسب برای قالب بندی متن، پشتیبانی از CSS، آپلود تصاویر، مرور فایل های روی سرور، ایجاد جدول، درج فرم فیلد، منوی راست کلیک (Context Menu) اختصاصی، پوسته اختصاصی، تشخیص خودکار مرورگر کاربر و خروجی HTML مطلوب از قابلیت های این ویرایشگر هستند.

Yahoo! UI Editor

یاهو یکی از پیشرو ترین شرکت های وب در زمینه تولید ابزارهای مربوط به توسعه دهندگان وب است. کنترل Rich Text Editor یاهو یکی از بهترین و قدرتمند ترین راه حل ها در این زمینه است. از امکانات این ویرایشگر میتوان به مجوز اوپن سورس، قابلیت های خوب قالب بندی متون، پشتیبانی از مرورگرهای مختلف، تنظیمات قابل انعطاف، پشتیبانی از قابلیت کشیدن و رها کردن و روش شیء گرا در برنامه نویسی آن اشاره کرد. این کنترل جزئی از پروژه کتابخانه YUI شرکت یاهو! است.

FreeRichTextEditor

یک ویرایشگر قدرتمند و مبتنی بر جاوا اسکریپت که با اضافه کردن فقط سه خط کد به صفحات خودتان می توانید به کاربران خودتان لذت استفاده از یک ویرایشگر زیبا و قوی را بدهید. ظاهر این ویرایشگر شبیه به MS Word ساخته شده که کاربران با آن احساس نا آشنایی نکنند. تقریباً تمام امکاناتی که از یک ویرایشگر تحت وب انتظار دارید، FreeRichTextEditor دارای آن می باشد.

NiceEdit

یک ویرایشگر بسیار سبک، کم حجم و با نصب آسان است که روی تمام مرورگرها و سیستم عامل های موجود به خوبی کار می کند. هر چند مانند TinyMCE و FCKeditor قوی نیست و امکانات کمتری دارد اما برای کسانی که یک ویرایشگر ساده و بدون دردسر نیاز دارند بسیار مناسب است. این ویرایشگر سبک فقط 35کیلوبایت حجم دارد و فقط از دو فایل (js و icon) تشکیل شده است. این را با تعداد فایل های دیگر ویرایشگر ها مقایسه کنید. پشتیبانی از متد HTTP Post و AJAX برای ذخیره متن خروجی، کم حجم بودن، اسفاده آسان هم برای برنامه نویسان و هم برای کاربران نهایی، تنظیمات قابل انعطاف و پشتیبانی از تمامی مرورگرهای استاندارد از مزایای استفاده از NiceEdit هستند.

FreeTextBox

پر استفاده ترین ویرایشگر متن در دنیای ASP.NET است. بسیاری از وب سایت های مبتنی بر تکنولوژی ASP.NET از FreeTextBox به عنوان ویرایشگر HTML استفاده می کنند. کاملاً با IE و فایرفاکس سازگار است و امکانات خوبی به کاربر نهایی جهت قالب بندی متن می دهد. نسخه های اخیر این ویرایشگر روی پلت فرم مونو هم اجرا می شود.

RTE ASP.NET Control

اگر شما هم مثل من یک برنامه نویس ASP.NET هستید، حتماً با User Controlها آشنایی دارید. هدف این پروژه در کدپلکس جمع آوری تمامی امکانات یک ویرایشگر متن غنی در یک کنترل ASP.NET است. فایل dll این ویرایشگر را به شاخه bin پروژه خود اضافه کنید و به راحتی در هر صفحه ای که خواستید از آن استفاده کنید. متاسفانه کیفیت خروجی این کنترل هنوز به سطح مطلوبی نرسیده و به جز IE و فایرفاکس، از مرورگر دیگری پشتیبانی نمی کند.

Silverlight RichTextEditor

همانطور که از عنوان این ویرایشگر پیداست، یک ویرایشگر غنی برای سیلورلایت است. اوپن سورس است و با سیلورلایت نسخه 2 سازگاری دارد. متاسفانه در حال حاضر توسعه این پروژه تا اطلاع بعدی متوقف شده است.

farasun.wordpress.com

مشترک فید فراسان شوید! نمی دانید فید چیست!؟

مطالب مرتبط :

20+ افزونه فایرفاکس برای توسعه دهندگان و طراحان وب

فایرفاکس مرورگری کدباز، رایگان و انعطاف پذیر برای تمام کاربرانی است که می خواهند ضمن داشتن امنیت در اینترنت، از وب گردی لذت ببرند. معمولاً فایرفاکس انتخاب اول کاربران حرفه ای و البته برنامه نویسان و توسعه دهندگان وب است. کاربران فایرفاکس می توانند با نصب افزونه (Extension) های مختلف کارایی های این مروگر را افزایش دهند و آن را با نیازهای خود تطبیق دهند. افزونه ها به اصطلاح برنامه های اضافی کوچکی هستند که برای هدفی خاص و در جهت بهبود امکانات مرورگر فایرفاکس روی آن نصب می شوند. در این مطلب به معرفی 20 افزونه سودمند برای توسعه دهندگان و طراحان وب خواهیم پرداخت.

Firebug – دریافت

این افزونه برای بسیاری از برنامه نویسان وب آشناست و نیازی به معرفی ندارد. این افزونه به شما قدرت ویرایش و خطایابی کدهای CSS, HTML و JavaScript را می دهد. اگر می خواهید کدهای CSS سایت خود را ویرایش کنید و پیش نمایش آن را به صورت زنده ببینید، این افزونه همانی است که به دنبالش می گردید. توجه : برای استفاده از بعضی افزونه های زیر ابتدا باید فایرباگ را نصب کرده باشید.

firefox-extensions-for-web-developers

FireFTP – دریافت

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

ColorZilla – دریافت

ابزاری است برای بدست آوردن کد رنگ عناصر به کار رفته در صفحات وب. با این افزونه می توانید روی عنصار صفحه زوم کنید و کد رنگ هر نقط از صفحه را بدست آورید.

SenSEO – دریافت

این افزونه صفحه وب شما را آنالیز کرده و آن را بر اساس معیارهای SEO ارزش گذاری می کند. به شما کمک می کند تا جایگاه وب سایت خود را نزد موتورهای جستجو بدانید. برای استفاده از این افزونه ابتدا باید Firebug را نصب کرده باشید.

FireScope – دریافت

این افزونه بر روی Firebug نصب می شود و برگه جدیدی به نام Reference به آن اضافه می کند. در این برگه به مرجع کامل HTML و CSS وب سایت SitePoint دسترسی خواهید داشت که اطلاعات جامعی در مورد کاربرد، نحوه استفاده و همچنین پشتیبانی مرورگرهای مختلف از تگ ها را در اختیارتان قرار می دهد. (اطلاعات بیشتر در این مورد را در وبلاگ دوست خوبم سالار خلیل زاده بخوانید)

YSlow – دریافت

این افزونه برگه جدیدی به Firebug اضافه می کند و صفحه وب را بر اساس قوانین Yahoo آنالیز کرده و به شما می گوید چرا صفحه شما کند بارگزاری می شود. برای استفاده از این افزونه باید قبلاً Firebug را روی فایرفاکس نصب کرده باشید.

GreaseMonkey – دریافت

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

JavaScript Debugger – دریافت

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

Web Developer – دریافت

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

MeasureIt – دریافتی

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

FireShot – دریافت

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

View Source Chart – دریافت

مشاهده سورس کد صفحه وب در قالب چارت گرافیکی. این افزونه امکان مشاهده شمای کلی سورس صفحه را بوسیله ترسیم چارت تگ های به کار رفته در صفحه را می دهد.

Text Formating Toolbar – دریافت

نوار ابزاری برای قالب بندی متون برای کدهای BBCode, HTML و Wiki را به فایرفاکس شما اضافه می کند. با این افزونه به راحتی می توانید متون قالب بندی شده در قسمت نظرات وبلاگ ها، فاروم های گفتگو و ویکی ها درج کنید.

View Dependencies – دریافت

این افزونه برگه ی جدیدی به پنجره Page Info در فایرفاکس اضافه می کند که در آن لیستی از فایل هایی که در صفحه وب جاری بارگزاری شده اند، لیست شده است. این لیست بر اساس نوع فایل (تصویر، صوت، …) مرتب شده است و شما می توانید با کلیک راست روی هر کدام از فایل ها، آن را در یک تب یا صفحه جدید در فایرفاکس باز کنید.

Window Resizer – دریافت

به شما کمک می کند تا صفحه وب مورد نظرتان را در Resoulotion های استاندارد مشاهده کنید. با این افزونه می توانید صفحات خود را با دقت های استاندارد نمایشگرهای محتلف تست کنید.

OperaView – دریافت

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

IE Tab – دریافت

افزونه ای بسیار سودمند برای مشاهده صفحه وب طراحی شده در مرورگر Internet Explorer. این افزونه مروگر IE را در یک برگه فایرفاکس شبیه سازی می کند تا برای تست صفحه وب خود در IE از فایرفاکس خارج نشوید و نیازی به باز کردن مرورگر IE به صورت جداگانه نداشته باشید.

HTML Validator – دریافت

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

CSS Validator – دریافت

صفحه وب شما را بر اساس استاندادهای CSS بوسیله W3C CSS Validator می سنجد.

RSS Validator – دریافت
صفحه وب شما را بر اساس استانداردهای RSS بوسیله W3C RSS Validator می سنجد. وقتی یک فید RSS را در فایرفاکس باز می کنید، می توانید با کلیک راست روی صفحه و انتخاب گزینه Validate the RSS feed این کار را انجام دهید.

farasun.wordpress.com

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

شاید این مطالب هم برای شما خواندنی باشند :

اگر تمايل به دنبال کردن مطالب اين وبلاگ داريد، مي توانيد مشترک فيد فراسان شويد.

چطور مشترک شويم؟