آژانس دیجیتال رویاگر
آژانس دیجیتال رویاگر
خواندن ۴ دقیقه·۵ سال پیش

10 خصوصیت یک ادیتور تحت وب مناسب برای سایتهای استاندارد

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

  1. در شرایط مختلف خروجی های ادیتور را چک کنید. اگرچه بازار پر است از ادیتور هایی که با تغییر پیکربندیشان کدهای استاندارد HTML یا حتی XHTML تولید می کنند، برای این ادیتورها تولید کد نامعتبر غیر عادی نیست.
  2. بعضی ادیتورها دارای امکان نمایش کد منبع (source-code view) هستند. بسته به سطح کاربران نویسنده محتوی سایت، این خصوصیت ممکن است نیاز به فعال و یا غیر فعال شدن داشته باشد. بعضی ادیتورها دارای نوعی الگوی مجوز دهی هستند که می تواند برای بعضی کاربران امکان نمایش کد منبع را فعال کند و برای بعضی نه.
  3. خصوصیات مرتبط به کنترل نحوه نمایش محتوی (لایه دوم) در ادیتور باید محدود شوند. امکاناتی که رنگ فونت، نوع فونت و رنگ پس زمینه را کنترل می کنند را غیر فعال کنید. همانطوریکه می دانید این خصوصیات فقط باید با CSS کنترل شوند.
  4. ادیتور باید امکان اعمال کردن کلاسهای CSS را داشته باشد. یک ادیتور خوب پیوستگی یک فایل CSS را به ادیتور پشتیانی خواهد کرد. بعضی ادیتورها نیاز دارند که توسط طراح برای اینکه کدام گزینه به منوی CSS آنها افزوده شود تنظیم شوند. بهترین ها از نوع محتوی متن حمایت خواهند کرد و فقط اجازه بکار بستن کلاسها بر پایه قوائد CSS را خواهند داد. مانند جلوگیری از افزودن قائده p.error به یک <span>.
  5. پشتیبانی کلاسهای CSS توسط ادیتور باید شامل امکانی برای اعمال کردن CSS به عناصر معین شده باشد. به عبارتی دیگر دادن کلاس به یک <li> در داخل <ul> توسط نوعی فرایند انتخاب، باید به سادگی دادن کلاس به یک <ul> باشد. یک روش رایج برای این کار یک کلیک ساده برای انتخاب آن عنصر در ساختار درختی DOM در نوار وضعیت است. (body > div > ul > li > a).
  6. به علت اینکه ممکن است قوائد تعریف شده در CSS اصلی برای تفسیر توسط ادیتور خیلی پیچیده باشند و قوائد محتویات کامل، مانند عنصر <p> داخل contents# در مقابل related# ممکن است قابل اجرا و پشتیبانی نباشد، فایل های CSS ی که با ادیتور پیوسته شده است ممکن است خلاصه ای از فایل های CSS اصلی باشد. بسته به محتوایی که ویرایش می شود، استفاده از چندین فایل CSS می تواند راه حل دیگری باشد.
  7. ادیتور باید تگ های پایه معنی گرای XHTML مانند تگ های سرصفحه (h1-6)، قالبندی پاراگرافها، حداقل دو نوع از لیستها، بلاک نقل قول (blockquote)، متن از قبل قالبندی شده و آدرس ها را پشتیبانی کند.
  8. همچنین یک ادیتور مناسب تگ های نامعتبر و ناخواسته را از محتوی الصاقی از Clipboard پاک می کند و یا تنظیماتی برای پاکسازی محتویات الصاقی خواهد داشت. غالباً هنگام الصاق محتویات از برنامه های پردازشگر متن یا صفحات وب به داخل ادیتورهای WYSIWYG، قالب بندی آنها حفظ می شوند. وقتی این اطلاعات با کدهای معتبر ترکیب می شوند اغلب باعث نامعتبر شدن آنها شده و Style هایی را به محتوی اضافه می کنند که باید از بیرون محتویات و توسط CSS اضافه و کنترل شوند.
  9. ممکن است لازم باشد که به نویسنده محتوی بگویید در صورتیکه برنامه ادیتور آنها تگ های نامعتبر را از محتویات ورددی پاک نمی کند، آنها باید قبل از الصاق محتویات در داخل ادیتور WYSIWYG، با الصاق آنها در داخل یک ادیتور متن ساده (مانند Notepad) محتویات را از هرگونه قالبندی پاکسازی کنند.
  10. به دنبال ادیتور تحت وبی باشید که بیشترین مرورگرها را پشتیبانی کرده و به خصوصیات اشاره شده در بالا دست بیابد. اگرچه ادیتورهای امروزی برای Windows و هم برای Mac OSX با قابلیت سازگاری با تقریباً هر مرورگری در دسترس هستند، این غیر عادی نیست که ادیتور WYSIWYG ی پیدا کنید که فقط برای IE پیکر بندی شده باشد.

ادیتور پیشنهادی: CKEditor

بعد از مدتها جستجو و آزمایش ادیتورهای مختلف، به این نتیجه رسیدم که ادیتور CKEditor بیشترین قابلیت تنظیم و سازگاری را با موارد اشاره شده دارد. CKEditor، ادیتور کد باز (open source) و رایگانی که توسط Frederico Caldeira Knabben نوشته شده، از محبوب ترین ادیتورهای موجود بین طراحان و توسعه دهندگان وب است. امکان Word clean-up این ادیتور بطور خودکار محتویی که از Microsoft Word الصاق می شود را شناسایی و پاکسازی می کند. همینطور با ویرایش چند فایل به سادگی امکانات این ادیتور قابل تنظیم است.

لینکهای مرتبط

دریافت ادیتور CKEditor

نتیجه گیری

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

این پست با نگاهی به کتاب Adapting to Web Standards توسط Christopher Schmitt نوشته شده است.


https://royagar.com/notes/34-12-1/10-%D8%AE%D8%B5%D9%88%D8%B5%DB%8C%D8%AA-%DB%8C%DA%A9-%D8%A7%D8%AF%DB%8C%D8%AA%D9%88%D8%B1-%D8%AA%D8%AD%D8%AA-%D9%88%D8%A8-%D9%85%D9%86%D8%A7%D8%B3%D8%A8-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA%D9%87%D8%A7%DB%8C-%D8%A7%D8%B3%D8%AA%D8%A7%D9%86%D8%AF%D8%A7%D8%B1%D8%AF


رویاگراستانداردهای وبادیتورweb standardsckeditor
ما در رویاگر با بکارگیری قواعد نوین طراحی برای پاسخگویی به چالشهای کسب و کارهای امروزی، طیف کامل خدمات پایه برای راه اندازی، معرفی و ارتقای کسب و کار شما را ارایه می دهیم. royagar.com/works
شاید از این پست‌ها خوشتان بیاید