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

Який же кращий редактор 2016 року?

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

Вибір редакції: Atom.io

Якщо б ми могли порекомендувати вам тільки один інструмент, ми б вибрали цей…

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

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

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

Тепер огляд інших редакторів.

1. NicEdit

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

9 кращих WYSIWYG HTML редакторів 2016 року

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

2. TinyMCE

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

9 кращих WYSIWYG HTML редакторів 2016 року

TinyMCE — це WYSIWYG HTML редактор з відкритим вихідним кодом, написаний на JavaScript. Він легко інтегрується і легко налаштовується за допомогою тем і плагінів. TinyMCE є одним з найбільш повних» редакторів, що пропонують функціонал, схожий на ms word.

3. CKEditor

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

9 кращих WYSIWYG HTML редакторів 2016 року

CKEditor — це оновлена версія FCKEditor, який раніше був лідером галузі. В його основу було покладено прагнення виправити помилки FCKEditor. Результатом став візуальний редактор з високою продуктивністю, який пропонує функції редагування, порівнянні за своїм рівнем з ms word і Open Office.

4. YUI Rich Text Editor

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

9 кращих WYSIWYG HTML редакторів 2016 року

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

5. MarkItUp!

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

9 кращих WYSIWYG HTML редакторів 2016 року

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

6. FreeTextBox

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

9 кращих WYSIWYG HTML редакторів 2016 року

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

7. MooEditable

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

9 кращих WYSIWYG HTML редакторів 2016 року

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

8. OpenWysiwyg

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

9 кращих WYSIWYG HTML редакторів 2016 року

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

9. jHtmlArea

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

9 кращих WYSIWYG HTML редакторів 2016 року

jHtmlArea — це ще один WYSIWYG-редактор, розроблений як плагін для популярної бібліотеки JQuery. Він простий у використанні, та містить лише самі необхідні опції. Це дозволяє легко налаштовувати всі його компоненти: від зовнішнього вигляду до мови.

Хочете обговорити це?

Якщо ви вже використовували один з перерахованих в цій статті інструментів чи знаєте кращий WYSIWYG редактор, напишіть про це в коментарях. Ми хотіли б дізнатися вашу думку з цього приводу!

Переклад статті «10 Best WYSIWYG HTML Editor Collection From 2016» був підготовлений дружною командою проекту Сайтостроение від А до Я.

ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here