This page has been robot translated, sorry for typos if any. Original content here.

Кращі WYSIWYG (What You See Is What You Get) HTML редактори

WYSIWYG HTML редакторы

WYSIWYM - скорочення від англомовного What You See Is What You Mean (Те, що ти бачиш, є те, що ти маєш на увазі), парадигма редагування документів, що виникла як альтернатива більш поширеною парадигмі WYSIWYG. У WYSIWYM редакторі користувач задає тільки логічну структуру документа і власне контент. Оформлення документа, його підсумковий зовнішній вигляд покладено на окреме ПО, або, у всякому разі, винесено в окремий блок. Таким чином досягається повна незалежність змісту документа від його форми.

WYSIWYG (вимовляється [wɪziwɪɡ], є абревіатурою від англ. What You See Is What You Get, «що бачиш, то і отримаєш») - властивість прикладних програм або веб-інтерфейсів, в яких вміст відображається в процесі редагування і виглядає максимально близько схожим на кінцеву продукцію, яка може бути друкованим документом, веб-сторінкою або презентацією. В даний час для подібних програм також широко використовується поняття «візуальний редактор».

Візуалізація коду вже давно не є пріоритетним завданням для розробників. У цій статті наводиться список WYSIWYG редакторів, які сьогодні використовуються для цих цілей. Вони зроблять вашу роботу простіше і швидше. А який же кращий з них?

Atom.io

Atom.io - WYSIWYG HTML редакторы

Якщо вам потрібен кращий редактор HTML WYSIWYG, який в 10 разів скоротить час, що витрачається на складання коду або його редагування, то це Atom. Спробуйте його, і ви будете мені вдячні. Atom.io є безкоштовним, і він створений командою Github.

Ще один інструмент, який заслуговує на похвалу - це Coda, дуже крутий редактор для користувачів Mac. У нього досконалий і красивий інтерфейс, але він коштує $ 99. В даний момент я віддаю перевагу Atom!

Протягом багатьох років було створено багато редакторів, але лише деякі з них залишилися на високому рівні або ставали ще краще. Atom.io використовується всіма моїми друзями програмістами, і я теж вибираю його.

NicEdit

Демо-версія | завантажити

NicEdit - WYSIWYG HTML редакторы

NicEdit є альтернативою більш об'ємним і складним візуальним редакторам, він має невеликий розмір.

Також він може похвалитися багатьма необхідними для редактора функціями, і цей WYSIWYG редактор онлайн легко інтегрувати на сайт.

TinyMCE

Демо-версія | завантажити

TinyMCE - WYSIWYG HTML редакторы

TinyMCE - це WYSIWYG HTML редактор з відкритим вихідним кодом, написаний на JavaScript.

Він легко інтегрується і легко налаштовується за допомогою тем і плагінів.

TinyMCE є одним з найбільш "повних" редакторів, що пропонують функціонал, схожий на MSWord.

CKEditor

Демо-версія | завантажити

CKEditor - WYSIWYG HTML редакторы

CKEditor - це оновлена версія FCKEditor, який раніше був лідером галузі.

В його основу було покладено прагнення виправити помилки FCKEditor.

Результатом став візуальний редактор з високою продуктивністю, який пропонує функції редагування, які можна порівняти за своїм рівнем з MSWord і Open Office.

YUI Rich Text Editor

Демо-версія | завантажити

YUI Rich Text Editor - WYSIWYG HTML редакторы

WYSIWYG редактор для сайту YUI Rich є елементом управління інтерфейсу від Yahoo, він перетворює просту текстову панель в повнофункціональний WYSIWYG-редактор.

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

MarkItUp!

Демо-версія | завантажити

MarkItUp! - WYSIWYG HTML редакторы

Markitup - JQuery-плагін, який дозволяє перетворити текстові області в редактори розмітки на ваш розсуд.

Синтаксис HTML, Wiki і BBcode - це всього лише деякі з підтримуваних опцій.

Markitup не є WYSIWYG-редактором, але це не означає, що він не пропонує всі необхідні функції. Також він компактний і простий в роботі.

FreeTextBox

Демо-версія | завантажити

FreeTextBox - WYSIWYG HTML редакторы

FreeTextBox - онлайн HTML редактор WYSIWYG, спеціально призначений для ASP.NET.

Зовнішній вигляд редактора дуже схожий на Microsoft Word.

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

MooEditable

Демо-версія | завантажити

MooEditable - WYSIWYG HTML редакторы

MooEditable надає простий, але ефективний функціонал, який реалізований на основі добре написаної JavaScript-бібліотеки.

Якщо ви шанувальник Mootools, то не будете мати з цим ніяких проблем.

OpenWysiwyg

Демо-версія | завантажити

OpenWysiwyg - WYSIWYG HTML редакторы

OpenWYSIWYG - це кросбраузерності простий WYSIWYG редактор з усіма необхідними функціями.

Він має гарний користувальницький інтерфейс, що включає в себе спливаючі елементи і кнопки.

Однією з його відмінних рис є якісно реалізована робота з таблицями.

У той же час, в Google Chrome OpenWYSIWYG до сих пір не підтримується.

jHtmlArea

Демо-версія | завантажити

jHtmlArea - WYSIWYG HTML редакторы

jHtmlArea - це ще один WYSIWYG-редактор, розроблений як плагін для популярної бібліотеки JQuery.

Він простий у використанні, і містить тільки найнеобхідніші опції.

Це дозволяє дуже легко налаштовувати все його компоненти: від зовнішнього вигляду до мови.

Етимологія

OpenWysiwyg - WYSIWYG HTML редакторы
Програма зліва використовує візуальний редактор для створення документа Lorem ipsum. Програма справа містить LaTeX код, який при компіляції створить документ, який буде дуже схожий на документ зліва. Компіляція форматированного коду не є процесом WYSIWYG.

Фраза була придумана інженером Information International, Inc. (Triple-I) Ларрі Сінклером (Larry Sinclair) щоб передати думку, що те, що користувач бачить на екрані, він отримує на принтері, використовуючи «Page Layout System». «Page Layout System» це система додрукарської підготовки документів вперше показань на ANPS в Лас-Вегасі.

Фраза стала популярною завдяки інформаційного бюлетеня під назвою «WYSIWYG». Його авторами були Арлін і Хосе Рамос (Arlene і Jose Ramos). Цей бюлетень був створений для індустрії нових систем додрукарської підготовки, переходить на електронний формат в кінці 1970-х. Після трьох років публікації бюлетень був проданий співробітникам Стенфордського дослідницького інституту в Каліфорнії.

Список WYSIWYG-редакторів HTML-коду

  • Adobe GoLive
  • Adobe (Macromedia) Dreamweaver
  • Namo Webeditor
  • Microsoft FrontPage
  • Microsoft SharePoint Designer
  • Microsoft Expression Web
  • Mozilla Composer
  • Quanta Plus
  • Kompozer (заснований на Nvu)
  • WYSIWYG Web Builder 10
  • Web Page Maker
  • …та інші

Засновані на JavaScript (вбудовуються в веб-сторінку)

  • Webix [en] - бібліотека javascript компонентів з редактором форм Rich text
  • TinyMCE
  • CKeditor (колишній FCKeditor)
  • CLEditor
  • NicEdit
  • elRTE
  • Spaw
  • Xinha
  • dijit.Editor - віджет javascript-фреймворка Dojo Toolkit

Via internet-technologies.ru & wiki