Лучшие 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