Візуалізація коду вже давно не є пріоритетним завданням для розробників. У цій статті наводиться список з 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 є одним з найбільш повних» редакторів, що пропонують функціонал, схожий на ms word.
3. CKEditor
Демо-версія | Скачати
CKEditor — це оновлена версія FCKEditor, який раніше був лідером галузі. В його основу було покладено прагнення виправити помилки FCKEditor. Результатом став візуальний редактор з високою продуктивністю, який пропонує функції редагування, порівнянні за своїм рівнем з ms word і Open Office.
4. YUI Rich Text Editor
Демо-версія | Скачати
WYSIWYG редактор для сайту YUI Rich є елементом управління інтерфейсу від Yahoo, він перетворює просту текстову панель в повнофункціональний WYSIWYG-редактор. Інструмент поставляється в декількох версіях різного рівня складності і з різними функціями, але в кожній з них авторам вдається домогтися відмінної ергономіки (без нагромадження кнопок, засмічують інтерфейс).
5. MarkItUp!
Демо-версія | Скачати
Markitup – JQuery-плагін, який дозволяє перетворити текстові області редактори розмітки по вашому розсуду. Синтаксис 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» був підготовлений дружною командою проекту Сайтостроение від А до Я.