9 лучших WYSIWYG HTML редакторов 2016 года

Визуализация кода уже давно не является приоритетной задачей для разработчиков. В этой статье приводится список из 9 WYSIWYG редакторов, которые используются для этих целей. Рекомендуем ознакомиться с ним на тот случай, если при реализации вашего проекта возникнет подобная задача.

Какой же лучший редактор 2016 года?

В этом разделе статьи вы найдете несколько замечательных редакторов, которые сделают вашу работу проще и быстрее. А какой же лучший из них?

Выбор редакции: Atom.io

Какой же лучший редактор 2016 года?

Если бы мы могли порекомендовать вам только один инструмент, мы бы выбрали этот...

На протяжении многих лет было создано много редакторов, но лишь немногие из них остались на высоком уровне или становились еще лучше. Atom.io используется всеми моими друзьями программистами, и я тоже выбираю его.

Если вам нужен лучший редактор HTML WYSIWYG, который в 10 раз сократит время, затрачиваемое на составление кода или его редактирование, то это Atom. Попробуйте его, и вы будете мне благодарны. Atom.io является бесплатным, и он создан командой Github.

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

Теперь обзор остальных редакторов.

1. NicEdit

Демо-версия | Скачать

NicEdit

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

2. TinyMCE

Демо-версия | Скачать

TinyMCE

TinyMCE - это WYSIWYG HTML редактор с открытым исходным кодом, написанный на JavaScript. Он легко интегрируется и легко настраивается с помощью тем и плагинов. TinyMCE является одним из наиболее "полных" редакторов, предлагающих функционал, похожий на MSWord.

3. CKEditor

Демо-версия | Скачать

CKEditor

CKEditor - это обновленная версия FCKEditor, который ранее был лидером отрасли. В его основу было положено стремление исправить ошибки FCKEditor. Результатом стал визуальный редактор с высокой производительностью, который предлагает функции редактирования, сравнимые по своему уровню с MSWord и Open Office.

4. YUI Rich Text Editor

Демо-версия | Скачать

YUI Rich Text Editor

WYSIWYG редактор для сайта YUI Rich является элементом управления интерфейса от Yahoo, он превращает простую текстовую панель в полнофункциональный WYSIWYG-редактор. Инструмент поставляется в нескольких версиях различного уровня сложности и с различными функциями, но в каждой из них авторам удается добиться отличной эргономики (без нагромождения кнопок, засоряющих интерфейс).

5. MarkItUp!

Демо-версия | Скачать

MarkItUp!

MarkitupJQuery-плагин, который позволяет превратить текстовые области в редакторы разметки по вашему усмотрению. Синтаксис HTML, Wiki и BBcode - это всего лишь некоторые из поддерживаемых опций. Markitup не является WYSIWYG-редактором, но это не значит, что он не предлагает все необходимые функции. Также он компактный и простой в работе.

6. FreeTextBox

Демо-версия | Скачать

FreeTextBox

FreeTextBox - онлайн HTML редактор WYSIWYG, специально предназначенный для ASP.NET. Внешний вид редактора очень похож на Microsoft Word. В бесплатной версии не реализовано несколько продвинутых функций, но и доступного набора более чем достаточно для полноценной работы.

7. MooEditable

Демо-версия | Скачать

MooEditable

MooEditable предоставляет простой, но эффективный функционал, который реализован на основе хорошо написанной JavaScript-библиотеки. Если вы поклонник Mootools, то не будете иметь с этим никаких проблем.

8. OpenWysiwyg

Демо-версия | Скачать

OpenWysiwyg

OpenWYSIWYG - это кроссбраузерный простой WYSIWYG редактор со всеми необходимыми функциями. Он имеет красивый пользовательский интерфейс, включающий в себя всплывающие элементы и кнопки. Одной из его отличительных особенностей является качественно реализованная работа с таблицами. В то же время, в Google Chrome OpenWYSIWYG до сих пор не поддерживается.

9. jHtmlArea

Демо-версия | Скачать

jHtmlArea

jHtmlArea - это еще один WYSIWYG-редактор, разработанный как плагин для популярной библиотеки JQuery. Он прост в использовании, и содержит только самые необходимые опции. Это позволяет очень легко настраивать все его компоненты: от внешнего вида до языка.

Хотите обсудить это?

Если вы уже использовали один из перечисленных в этой статье инструментов или знаете лучший WYSIWYG редактор, напишите об этом в комментариях. Мы хотели бы узнать ваше мнение по этому поводу!

Комментарии

Оставьте свой комментарий
Yurgen Z.

Господи, я просто ищу WYSIWYG типа несчастного MS Word, чтобы в нём можно было открыть html файл и отредактировать его не парясь по расстановке тэгов. Интернет же мне каких-то js монстров подсовывает. Как с этим работать-то вообще??

И
Игорь

автор явно далек от темы...

К
Константин

Парни не умеют в нативную рекламу) Палитесь со своим атомом)

LD
Lord D.

Это редакторы блокнота! А не кода..

МВ
Максим В.

Казалось бы. При чем тут атом...

ВЧ
Валерий Ч.

Здравствуйте. В 2016 были уже такие крутые редакторы как Jodit https://xdsoft.net/jodit/ и Redactor

РД
Роман Д.

"Если вам нужен лучший редактор HTML WYSIWYG.." - Atom уже давно не WYSIWYG

A
AntonK

atom для Windows устанавливает своё добро в каталог пользователя (?:UsersUserAppDataLocal - %LocalAppData%). А это более 600 МБ всякой всячины. Неадекватный подход. Снёс и забыл...

О
Олег

WYSIWYG - сначала сами разберитесь, что это означает, а потом пишите обзоры. Какое отношение редакторы из Вашего обзора имеют к WYSIWYG

F
Fe_DoS

Интересно, а что по вашему мнению wysiwyg?
Все редакторы описанные автором статьи являются What You See Is What You Get!!!
Вопрос не в том какое отношение указанные редакторы имеют к wysiwyg, а в том, какое отношение Вы имеете к этой статье, она написана явно не для Вас.
Мой Вам совет, не пишите подобный бред и не позорьтесь.

R
RealFox
Fe_DoS

И где вы тут увидели WYSIWYG? Прежде чем выпендриваться, неплохо было бы научиться не только писать английские слова, но и читать их же и еще и смысл понимать. https://ru.wikipedia.org/wiki/WYSIWYG - учите матчасть, может быть тогда перестанете делать глупые замечания. Что уж точно бред, так это ваш комментарий.

B
Brand-v

Так, как свёрстана данная страница, я могу верстать сразу в окне загрузки HTML-кода. Никакие инструменты для этого не нужны.