WYSIWYG — это редактор, который позволяет разработчику просматривать конечные результаты до того, как интерфейс или документ будут опубликованы. Полная форма WYSIWYG — «то, что вы видите, это то, что вы получаете». Этот тип программного обеспечения позволяет редактировать содержимое в форме, чтобы оно выглядело одинаково при отображении или печати.
Существует множество WYSIWYG-редакторов, которые предлагают такие функции, как Multi-view и Multi-Language support. Также предлагается готовый макет для создания сайтов, поддержка HTML5 и CSS3 и т. Д.
Ниже приведен отобранный список Top WYSIWYG EDITOR с их популярными функциями и ссылками на веб-сайты. Список содержит как открытое (бесплатное), так и коммерческое (платное) программное обеспечение.
1) CoffeeCup HTML-редактор
Кофейная чашка — это WYSIWYG HTML-редактор, который помогает вам использовать предварительный просмотр разделенного экрана для просмотра вашей веб-страницы. Этот инструмент позволяет открыть службу проверки разметки W3C в веб-браузере по умолчанию.
Особенности:
- Помогает вам использовать предварительный просмотр разделенного экрана на вашей веб-странице
- Готов к семантической паутине
- Предлагает встроенный инструмент Validate HTML, который открывает службу проверки разметки W3C в веб-браузере по умолчанию.
- Встроенный FTP-загрузчик поможет вам опубликовать сайт в месте по вашему выбору
- Функции предварительного просмотра с разделенным экраном позволяют просматривать веб-страницу в браузере прямо из редактора кода.
Ссылка: https://www.coffeecup.com/html-editor/
2) Apache NetBeans
NetBeans — это инструмент для редактирования кода с открытым исходным кодом, разработанный для Java, PHP, C ++ и других языков программирования. Он также предлагает функции анализа и преобразования кода. Это позволяет вам обновлять ваши приложения для использования новых языковых конструкций Java 13.
Особенности:
- Простое и эффективное управление проектами
- Быстрое и интеллектуальное редактирование кода
- Быстрая разработка пользовательского интерфейса
- Помогает вам написать код без ошибок
Ссылка: https://netbeans.apache.org
3) Блокнот ++
Notepad ++ — это популярный бесплатный редактор кода, написанный на C ++. Он использует чистый Win32 API, который предлагает большую скорость выполнения и небольшой размер программы. Он работает только в среде окна и доступен по лицензии GPL.
Особенности:
- Поддержка подсветки синтаксиса для языков, таких как HTML, PHP, JavaScript и CSS.
- Он имеет функции автозаполнения для слов и функций.
- Он предлагает макрос записи и воспроизведения объектов.
- Определяемая пользователем подсветка синтаксиса и сворачивание
- Полностью настраиваемый графический интерфейс
- Поддержка нескольких видов и многоязычности
Ссылка: https://notepad-plus-plus.org/
4) Google Web Designer
Google Web Designer поможет вам создать привлекательный контент HTML5. Он позволяет вам использовать анимацию и интерактивные элементы для воплощения своего творческого замысла в жизнь и предлагает бесшовную интеграцию с другими продуктами Google, такими как Google Drive, Google Ads, Display & Video 360 и т. Д.
Особенности:
- Предлагает динамический рабочий процесс
- Google Web Designer предоставляет широкий спектр форматов медийной и видео рекламы
- Поддержка отзывчивой рекламы
- Простая и эффективная интеграция с Google
- Помогает вам создавать красивый, привлекательный контент HTML5
Ссылка: https://webdesigner.withgoogle.com
5) возвышенный текст
Sublime Text — это редактор HTML, который поддерживает многие языки, такие как JavaScript, Perl, PHP, Python, Ruby и другие. Вы можете использовать этот редактор HTML-кода для кода, разметки и прозы. Редактор поддерживает операционные системы OS X, Windows и Linux.
Особенности:
- Это позволяет вам выделить синтаксис.
- Он имеет реализацию команды Palette, которая принимает ввод текста от пользователей.
- Обрабатывать спецификации UTF8 в файлах .gitignore
- Отображать значки для папок и файлов для отображения статуса Git
- Изменения в файле представлены маркерами, доступными в желобе.
Ссылка: https://www.sublimetext.com
6) Dreamweaver
Dreamweaver — это популярный HTML-редактор, который помогает вам создавать, публиковать и управлять веб-сайтами. Веб-сайт, созданный с помощью Dreamweaver, можно загрузить на любой веб-сервер.
Особенности:
- Динамические сайты могут быть быстро разработаны с помощью Dreamweaver.
- Он предоставляет готовые макеты для создания веб-сайта.
- Вы можете создать сайт, который подходит для любого размера экрана.
- Этот инструмент поможет вам настроить рабочее пространство так, как вам нравится.
- Он имеет встроенный HTML-валидатор для проверки вашего кода.
Ссылка: https://www.adobe.com/in/products/dreamweaver.html
7) TinyMCE
TinyMCE — это многофункциональная платформа для редактирования текста, которая помогла запустить Atlassian, Medium, Evernote (инструмент для редактирования текста) и многое другое. Вы можете интегрировать TinyMCE React, Angular, Vue.js, Bootstrap, RAILS, dojo, jQuery и т. Д.
Особенности:
- Возможность настройки с большой экосистемой.
- Современный, мобильный и корпоративный
- Храните и редактируйте изображения и файлы на любом веб-сервере
- Предлагает динамическую загрузку файлов для любого браузера.
Ссылка: https://www.tiny.cloud
8) CKEditor
Ckeditor — это умный редактор WYSIWYG, в котором есть компоненты для совместного редактирования. Позволяет вставлять из Excel, Word, таблиц и т. Д.
Особенности:
- Предлагает такие функции, как автозаполнение, @mentions, виджеты,
- Предоставляет полный контроль над содержимым: фильтрация HTML и режим просмотра исходного кода.
- Отличная доступность: раздел 508, соответствует требованиям и WCAG 2.0 AA.
- Пользовательский формат вывода и поддержка Markdown.
- Расширяемый и настраиваемый дизайн
- Это помогает повысить производительность благодаря автоматическому форматированию и совместной работе.
Ссылка: https://ckeditor.com
9) Перо
Quill — это бесплатный мощный мощный редактор WYSIWYG с открытым исходным кодом, созданный для современного Интернета. Его модульная архитектура и выразительный API-интерфейс — это идеальный HTML-редактор для любых нужд.
Особенности:
- Он поддерживает все современные браузеры на планшетах, десктопах и телефонах.
- Детальный доступ к содержимому, изменениям и событиям редактора через простой API.
- Богатые текстовые редакторы, которые созданы, чтобы помочь людям писать текст.
- Это позволяет делать пользовательский контент и форматирование.
Ссылка: https://quilljs.com
10) Фроала
Froala — это HTML-редактор следующего поколения WYSIWYG. Этот простой в интеграции редактор широко используется разработчиками благодаря своей понятной конструкции.
Особенности:
- Мощный API и документация
- Предлагает более 30 встроенных плагинов на выбор
- WYSIWYG HTML-редактор превратил базовый инструмент Javascript в необходимую технологию для многих отраслей.
- Froala Rich Text Editor имеет широкий спектр как простых, так и сложных функций для всех видов использования.
Ссылка : https://froala.com/wysiwyg-editor
11) Комодо Править
Komodo edit — это простой в использовании и мощный инструмент для редактирования кода. Это позволяет делать отладку, модульное тестирование, рефакторинг кода. Он также предоставляет профиль кода, а также интеграции с другими технологиями, такими как Grunt, PhoneGap, Docker, Vagrant и многими другими.
Особенности:
- Многоязычный редактор
- Много современных цветовых решений
- Встроенная поддержка Юникода и проверка совместимости
- Легко интегрируется в среду рабочего стола.
Ссылка: https://www.activestate.com/products/komodo-ide/
12) Код Visual Studio
Visual Studio Code — это программное обеспечение с открытым исходным кодом, разработанное Microsoft. Он обеспечивает встроенную поддержку для TypeScript, JavaScript и Node.js. Он автоматически дополняется функциями IntelliSense, которые предлагают интеллектуальные дополнения на основе основных модулей, типов переменных и определений функций.
Особенности:
- Простая работа с Git и другими поставщиками SCM (Software Configuration Management)
- Рефакторинг и отладка кода
- Поддерживаемые платформы Mac, Windows, Linux
- Легко расширяемый и настраиваемый
Ссылка: https://code.visualstudio.com/
13) OpenElement
OpenElement — это бесплатное приложение для разработки и создания веб-сайтов, опубликованное Element Technologie. Инструмент работает на Chromium, движке Google Chrome, и работает под управлением Microsoft Windows.
Особенности:
- Интуитивно понятный интерфейс
- Все редактируемые
- Помогает вам управлять кодом
- Многоразовые стили и наборы элементов
- Кросс-браузер
- Многоязычные сайты
- Адаптивный дизайн
- Полностью настраиваемый CSS
- Редактор элементов — создавайте и делитесь элементами
- Простая интеграция оптимизации изображений и кода
- Работает на Chromium
Ссылка: https://www.openelement.com
14) NoteTab
NoteTab — лучшая замена Блокнота. Для веб-мастеров это самый быстрый редактор HTML. Это самый универсальный текстовый редактор, который предлагает улучшенную подсветку синтаксиса для HTML.
Особенности:
- Поиск с помощью простых в использовании подстановочных знаков
- Количество слов в режиме реального времени
- Подсветка синтаксиса для CSS
- Текстовая статистика для SEO
- Поддержка HTML5 и CSS3
- Новые библиотеки HTML / CSS
Ссылка: https://www.notetab.com
15) Атом
Atom — это полезный инструмент для редактирования HTML-кода, который предпочитают программисты из-за его простого интерфейса по сравнению с другими редакторами. Пользователи Atom могут отправлять пакеты и их для программного обеспечения.
Особенности:
- Диспетчер пакетов, интегрированный для поддержки плагинов
- Особенность умного автодополнения
- Авто-завершение: завершение слова, завершение функции
- Запись и воспроизведение макросов
- Поддержка нескольких панелей
- Имеет встроенный менеджер пакетов.
- Это кроссплатформенный инструмент редактирования
- Предварительный поиск и замена текста, набранного в файле по всему проекту.
- Он предлагает командную палитру, которая содержит элементы, которые используются повторно.
- Разрешить кроссплатформенное редактирование
Ссылка: https://atom.io/
16) Ультра редактировать
Ultra-edit — широко используемый мощный текстовый редактор, который соответствует самым мощным пакетам подписки и подходит для любого бюджета. Вы можете легко открывать и редактировать большой файл размером более 4 ГБ.
Особенности:
- Мощный поиск: поиск и замена в файлах, обратные регулярные выражения поиска и т. Д.
- Подсветка синтаксиса кода на разных языках программирования
- Предлагает свертывание кода и список иерархических функций
- Вы можете переформатировать исходный код
- Особенности обработки XML: просмотр дерева XML, переформатирование, проверка и т. Д.
- Редактирование нескольких карет и мульти-выбор
- Поддержка режима редактирования столбцов (блоков)
- Поиск: поиск и замена в файлах, регулярные выражения, обратный поиск и т. Д.
- Подсветка синтаксиса кода на любом языке программирования
- Мощная обработка XML
- Умные шаблоны — автоматическое интеллектуальное завершение кода
- Автоматическое закрытие тегов XML / HTML
Ссылка: https://www.ultraedit.com
17) WYSIWYG Web Builder
WYSIWYG Web Builder — это простой в использовании и быстро реагирующий инструмент. Это позволяет просматривать тысячи бесплатных и высококачественных изображений.
Особенности:
- Легко добавляйте шрифты Google и другие веб-шрифты на свой сайт.
- Облегченные уведомления, предназначенные для имитации push-уведомлений
- Предлагает более 150 предопределенных анимаций
- Отправка электронной почты, загрузка файлов, хранение данных в MySQL
Ссылка: https://www.wysiwygwebbuilder.com
18) BlueGriffon
BlueGriffon — это HTML-редактор с открытым исходным кодом, разработанный Gecko, движком рендеринга Firefox. Он имеет простой интерфейс и большинство обычных функций, необходимых для создания веб-страниц.
Особенности:
- Легко изменить цвет шрифта или настроить стиль рамки
- Открывает вкладки с последнего сеанса
- Поддерживает платформы Mac, Windows, Linux
- Ярлыки для редактирования CSS
- Несколько тем для просмотра исходного кода
Ссылка: http://bluegriffon.org
19) Алохедитор
Aloha — это редактор WYSIWYG. С помощью этого HTML-редактора можно редактировать сайт прямо на портале. Инструмент позволяет быстро и просто редактировать фотографии, графику, анимацию и текст.
Особенности:
- Помогает вам сократить время менеджера контента
- Легко расширяемая база на основе ваших требований и предпочтений.
- Скопируйте ваш контент из Microsoft Word без проблем с форматированием.
- Этот графический редактор позволяет редактировать содержимое вашего сайта.
Ссылка: https://www.alohaeditor.org
20) Кронштейны
Brackets — это легкий инструмент, разработанный Adobe. Это идеальный текстовый редактор с открытым исходным кодом. Этот инструмент помогает вам переключаться между вашим исходным кодом и видом браузера.
Особенности:
- Функция быстрого редактирования пользовательского интерфейса позволяет встроить контекстно-зависимый код и инструменты
- Offers live preview, pre-processor support, and inline editors
- Especially developed tool for macOS
- It comes with the inbuilt extension manager for fast & effective extension management.
Link: http://brackets.io/
21) Aptana
Aptana is powerful open-source web development tool. It offers many customizable new features that help you to be more productive. The tool allows you to build web applications quickly and easily using the industry’s leading web application IDE.
Features:
- HTML, CSS, and JavaScript Code Assist
- Keep-synchronized setups
- Helps you to access a command line terminal for execution of operating system commands and language
- Offers you to put your projects under git source code control
- The integrated Ruby & Rails and JavaScript debuggers
Link: http://www.aptana.com
22) Coteditor
Coteditor is a useful HTML editor for macOS. Therefore, it looks and behaves exactly like macOS applications. The tool allows you to write your text immediately whenever you want.
Features:
- Colorize more than 50 pre-installed major languages like HTML, Python, PHP, or Ruby.
- Split a window into multiple panes
- Inspect Unicode character data of each selected character
- Allows you to create own macro in your favorite language
- Estimate various file encodings accurately.
- It allows you to access all your settings, including syntax definitions and themes from a standard preferences window.
Link: https://coteditor.com
23) ContentTools
ContentTools — это бесплатное программное обеспечение для редактирования HTML. Это одна из коллекции библиотек, предназначенная для создания инструментов, облегчающих редактирование HTML-контента. Этот инструмент предлагает библиотеку, которая предоставляет полнофункциональный редактор страниц, который является темой Руководства по началу работы.
Особенности:
- IT предлагает полную документацию по API и примеры.
- Редактор ContentTools WYSIWYG должен быть добавлен на любую HTML-страницу в несколько простых шагов
- Пошаговые руководства для общих сценариев использования и более сложные темы
Ссылка: http://getcontenttools.com/
24) Summernote
Summernote — это простой в установке редактор HTML. Он поддерживает Bootstrap 3.xx до 4.xx. Он предлагает простую интеграцию с третьими сторонами, такими как Django, Rails и Angle,
особенности
- Простой в установке редактор HTML
- Настройте, инициализируя различные зелья и модули.
- Простая интеграция с третьими сторонами, такими как Django, Rails и Angular.
- Умное взаимодействие с пользователем
- Поддерживает браузеры Safari, Chrome, Firefox, Opera и Edge.
- Работает разные ОС, такие как Windows, MacOS, Linux и т. Д.
Ссылка: https://summernote.org
25) Textbox.io
Инструменты для редактирования HTML Textbox.io и простой пользовательский интерфейс. Это позволяет создавать HTML на рабочем столе и на мобильном телефоне. Этот инструмент редактирования HTML включает в себя форматирование текста, гиперссылки, таблицы и т. Д.
Особенности:
- Встроенная обработка и хранение изображений
- Перетаскивание файла
- Проверка орфографии и автозамена
- Чистая копия-вставка из Microsoft Word
- Кросс-браузерная поддержка
Ссылка : https://textbox.io