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

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

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

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

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


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

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

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

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

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

1. NicEdit

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


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

2. TinyMCE

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


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

3. CKEditor

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


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

4. YUI Rich Text Editor

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


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

5. MarkItUp!

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


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

6. FreeTextBox

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


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

7. MooEditable

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


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

8. OpenWysiwyg

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


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

9. jHtmlArea

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


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

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

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

Данная публикация является переводом статьи «10 Best WYSIWYG HTML Editor Collection From 2016» , подготовленная редакцией проекта.

Подписывайтесь на наши группы в социальных сетях

Комментарии (11)

Игорь 2019-01-02 08:56:33
автор явно далек от темы...
Константин 2018-11-18 16:43:06
Парни не умеют в нативную рекламу) Палитесь со своим атомом)
Lord Dantes 2018-10-22 07:33:34
Это редакторы блокнота! А не кода..
Максим Власов 2018-08-03 15:41:06
Казалось бы. При чем тут атом...
Валерий Чупурнов 2018-04-16 09:09:11
Здравствуйте. В 2016 были уже такие крутые редакторы как Jodit https://xdsoft.net/jodit/ и Redactor
Роман Деньгин 2017-07-05 17:05:19
"Если вам нужен лучший редактор HTML WYSIWYG.." - Atom уже давно не WYSIWYG
AntonK 2017-06-28 02:52:39
atom для Windows устанавливает своё добро в каталог пользователя (?:UsersUserAppDataLocal - %LocalAppData%). А это более 600 МБ всякой всячины. Неадекватный подход. Снёс и забыл...
Олег 2017-02-02 03:12:33
WYSIWYG - сначала сами разберитесь, что это означает, а потом пишите обзоры. Какое отношение редакторы из Вашего обзора имеют к WYSIWYG
Brand-v 2017-01-13 00:54:08
Так, как свёрстана данная страница, я могу верстать сразу в окне загрузки HTML-кода. Никакие инструменты для этого не нужны.
Fe_DoS > Олег 2017-03-14 00:30:27
Олег
WYSIWYG - сначала сами разберитесь, что это означает, а потом пишите обзоры. Какое отношение редакторы из Вашего обзора имеют к WYSIWYG
Интересно, а что по вашему мнению wysiwyg?
Все редакторы описанные автором статьи являются What You See Is What You Get!!!
Вопрос не в том какое отношение указанные редакторы имеют к wysiwyg, а в том, какое отношение Вы имеете к этой статье, она написана явно не для Вас.
Мой Вам совет, не пишите подобный бред и не позорьтесь.
Меню