Редактори wysiwyg HTML та системи управління веб-контентом

Загальновідомим фактом є те, що контент веб-сайтів, а саме веб-сторінки чи гіпертекстові сторінки, створюються за допомогою мови розмітки гіпертекстів – Hyper Text Markup Language (HTML).

Мова HTML була розроблена британським вченим Тімом Бернерсом-Лі в 1989 - 1991 роках, який працював на той період в Європейській раді з ядерних досліджень в Женеві (Швейцарія). HTML створювалась як мова для обміну науковою і технічною документацією, придатна для користування людьми, що не є фахівцями в галузі верстки (верстка - процес формування сторінок, або, оскільки спочатку вживалося у видавничій справі, смуг видання, шляхом компонування текстових і графічних елементів).

Мова HTML є різновидом мов програмування. Однак, HTML відрізняється від мов програмування, що потребують наявності інтерпретаторів та компіляторів. Файли, що містять розмітку на мові HTML, є по формату звичайними текстовими документами (просто на відміну від звичайного txt – формату такі документи традиційно одержують розширення.html або.htm). Ці файли обробляються спеціальними додатками, які відображають документ в його форматованому вигляді. Такі додатки називають «браузерами» або «Інтернет - оглядачами».

Проте надалі мова HTML ускладнювалася, виникла необхідність в додаванні мультімедійних можливостей, крім того, в середині 1990-х років основні виробники браузеров – компанії Netscape і Microsoft - почали упроваджувати власні набори елементів в HTML-розмітку.

Отже, ідеї простоти, платформонезалежності і орієнтації на рядових користувачів в більш пізніх версіях мови HTML були забуті.

Виникла парадоксальна ситуація – кінцевий продукт, тобто веб-сторінка, хоч і буває декількох різновидів, все ж таки залишається сторінкою, яку логічно було б створювати за допомогою якогось зручного редактору пересічному користувачу. Та при цьому для її створення необхідні спеціальні знання мови програмування HTML.

Засвоєння HTML, як і будь-якої мови програмування, потребує, по-перше, багато часу, і по-друге, наявності навичок програмування та відповідного мислення. Однак, досить часто виникає ситуація, коли персона чи підприємство бажає мати, наприклад, власний сайт-візитку, або взяти участь у проектуванні сайту свого підприємства, або просто мати можливість швидко внести зміни в контент сторінок вже готового сайту підприємства. Але ані глибоким володінням мовою HTML, ані вільним часом, який обов’язково необхідно витратити для роботи з кожною із сторінок, пересічний користувач, як правило, похвалитися не може.

Редактори HTML – коду у його класичному текстовому вигляді, звичайно, існують – це і найпростіший текстовий редактор NotePad (Блокнот) з числа стандартних програм ОС MS Windows, який, до речі, і сьогодні дуже полюбляє частина веб – мастерів, і цілий ряд специфічних редакторів вихідних кодів HTML, як вільно розповсюджуваних (NotePad ++, Aptana, SciTE, nano, AkelPad, vim, PSPad, UltraEdit та інші), так і пропрієтарних (CuteHTML, Edit Plus та інші). Але із врахуванням початкової мети створення мови, як інструмента всіх і кожного, та з врахуванням багатих мультімедійних і графічних елементів сучасних веб-сторінок, стає очевидним, що необхідно мати щось якісно більше і функціональне, особливо в візуальному аспекті, ніж спеціальні редактори кодів.

Ще у 90-х роках XX віку цю ситуацію спробували розрішити відразу декілька фірм – виробників програмного забезпечення. Вони створили спеціальні системи, які отримали назву «системи візуального редагування сайтів», чи просто «візуальні редактори», і за принципом дії вони відносилися до категорії так званих редакторів WYSIWYG. Дамо визначення цієї абревіатури.

WYSIWYG – абревіатура, що походить від англійського словосполучення What You See Is What You Get (що ви бачите, те й отримуєте). В режимі WYSIWYG-редактора результати редагування користувач може бачити безпосередньо в процесі роботи – це основний принцип ефективних інтерфейсів, призначених для користувача.

З відомих фірм-виробників візуальний редактор сайтів розробила на той період тільки компанія Adobe (редактор Adobe GoLive, поява першої версії в серпні 1996 р.).

Нікому не відома компанія Vermeer Technologies Incorporated була створена саме для випуску програм для розробки сайтів у 1994 р. (редактор Vermeer FrontPage 1.0 з’явився у 1995 р.).

Також не відома компанія BradBury Software розробила у 1995 р. редактор HomeSite (офіційно перша версія з’явилася у вересні 1996 р.). На відміну від інших програмних продуктів, що реалізовували WYSIWYG у редакторах для створення сайтів, HomeSite на перше місце ставив код сайтів, чим здобув прихильність тисяч користувачів. HomeSite реалізовував власну концепцію WYSIWYN - What You See Is What You Need (ви бачите те, що вам потрібно).

У будь-якому випадку, поява цих програмних продуктів, навіть при реалізації не тотожних, але подібних концепцій, давала можливість одночасно працювати і з вихідним кодом HTML, і з візуальним редактором веб-сторінок.

Перспективність таких систем була очевидна. Як слідство, у січні 1996 року компанія Microsoft придбала компанію Vermeer, і відразу випустила версію редактору Microsoft FrontPage 1.1. Microsoft планувала, що FrontPage буде доданий до його лінійки продуктів, а саме, що він буде доповнювати браузер Internet Explorer. Починаючи з MS Office 2000, цей візуальний редактор увійшов у склад пакету офісних програм Microsoft під ім’ям MS FrontPage 2000, потім у пакет 2002 і як окремий продукт існував Microsoft Office FrontPage 2003. З 2006 року Microsoft припинила розробку і підтримку FrontPage, замінивши його двома продуктами - Microsoft SharePoint Designer та Microsoft Expression Web.

Компанію BradBury і редактор HomeSite у 1997 році придбала більша і відоміша компанія Allaire, пізніше, у 2001 році, компанію Allaire придбала компанія Macromedia, і додала HomeSite у свій продукт Dreamweaver. Ще пізніше, у 2005, компанію Macromedia придбала компанія Adobe. На жаль, ця компанія випустила версію HomeSite 5.0, що вже не підтримує WYSIWYG, тому що у Adobe є інші продукти WYSIWYG, і інші плани на Macromedia Dreamweaver. З 2009 року розробку і підтримку HomeSite було припинено. WYSIWYG HTML-редактор от компанії Adobe є надалі Adobe Dreamweaver, а розробку і підтримку Adobe GoLive, навпроти, також припинено у 2008 році.

Таким чином, усі відомі в 90-х роках WYSIWYG HTML-редактори припинили своє існування к 2008 року. Причин декілька. По-перше, складність підтримки кросбраузерності: різні браузери та додатки по-різному відображають той самий код. Щоб подолати цю проблему, деякі системи (наприклад, FrontPage) автоматично генерували додатковий код для сумісності з браузерами, що шкодило розміру сторінок і швидкості роботи з ними. По-друге, для КПК, для Linux – браузера, для браузера, що працює з азбукою Брайля, або з екраном – рідером – для усіх також необхідним був власний код для вірного відображення сторінок. По-третє, версія для друку веб-сторінки також є, по суті, окремою версією з окремим кодом, інакше вона не буде роздрукована вірно.

Також браузери мають цілий ряд користувацьких опцій налагодження шрифту, кольору, та іншого. Браузери можуть також мати помилки, що також впливає на відображення сторінок. Таким чином, досягти концепції WYSIWYG складно, і причини – утрата платформонезалежності та кросбраузерності.