в мире Кодирование и программирование Есть два типа редактора кода - простой редактор Текстовые и WYSIWYG (сокращение от wizzy-wig или то, что вы видите, - это то, что вы получаете). В нашей предыдущей статье мы обсудили некоторые из Лучшие приложения для редактирования HTML с открытым исходным кодом Где вы пишете код вручную. Хотя с редакторами HTML-скриптов проблем нет, это старая школа. И здесь на помощь приходит редактор фотографий WYSIWYG. За последние несколько лет он стал очень популярным. В отличие от HTML программирование Актуальные и прочие технические штучки Создать свой сайт Приложения для редактирования HTML WYSIWYG предоставляют визуальные возможности Создать сайт Без каких-либо знаний в области программирования (помните Объявление Wix Это потрясающе.)
WYSIWYG HTML Editor имеет много преимуществ перед ним Приложения для редактирования текста. Для начала вы можете создать веб-сайт с Редакторы WYSIWYG Даже если вы не умеете программировать. Все, что вам нужно сделать, это перетащить элементы в редактор, а когда вы закончите, просто скопируйте код. Однако найти хороший HTML-редактор WYSIWYG непросто, особенно если вам нужно, чтобы он был бесплатным и с открытым исходным кодом. Итак, в этой статье мы собрали лучшие приложения для редактирования HTML WYSIWYG с открытым исходным кодом, которые мы можем найти. Давайте начнем. А не ___ ли нам?
Лучшие приложения для редактирования HTML WYSIWYG с открытым исходным кодом
1. Пелл
Pell, вероятно, самый маленький и простой редактор WYSIWYG, с которым вы столкнетесь. Его размер буквально 1.38 КБ!
Он предоставляет все основные функции и форматирование, такие как заголовки, цвет, жирный шрифт, курсив, списки, цитаты, ссылки, а также изображения. Другие доступные действия включают отступы, метатексты, контуры, имя и размер шрифта. После того, как вы закончите писать и форматировать с помощью редактора, Pell выводит весь HTML-код, который вы можете просто скопировать и вставить на свой веб-сайт или страницу, и все готово.
Положительные:
- Самое маленькое и легкое приложение WYSIWYG
- Никаких зависимостей
- Легко настроить
минусы:
- Без редактирования HTML
- Картинки только по ссылкам
Вердикт:
Судя по его размеру, Pell делает привлекательную упаковку. Но давайте будем честными, вы можете выполнять только базовые файлы HTML с ограниченными возможностями редактирования и редактирования. Итак, если вы тот, кто ищет быстрый и легкий редактор WYSIWYG для очень простой работы, то вам стоит попробовать Pell.
пытаться Пелл здесь
2. ОткрытьWYSIWYG
OpenWYSIWYG - это многофункциональный текстовый редактор с несколькими браузерами, полностью закодированный на JavaScript. Просто скопировав несколько строк кода, вы можете преобразовать любой Мощный редактор WYSIWYG для OpenWYSIWYG.
Пользовательский интерфейс и параметры редактирования с раскрывающимися меню аналогичны любому текстовому редактору, и вы будете чувствовать себя как дома. Помимо всех основных параметров форматирования, в программе есть расширенная палитра цветов с 216 веб-цветами на выбор, а также мощный инструмент для создания таблиц со всеми возможными вариантами.
Еще одна замечательная особенность OpenWYSIWYG заключается в том, что при всех визуальных параметрах вы по-прежнему можете просматривать необработанный HTML-код и вносить в него изменения.
Положительные:
- Мощная среда редактирования
- Интуитивно понятный и простой пользовательский интерфейс
- Широкие возможности выбора цвета и редактирования таблицы
минусы:
- Не обновлялся несколько лет
Вердикт:
Написанный на JavaScript, OpenWYSIWYG должен работать с любым другим языком веб-программирования, и если вы ищете что-то более мощное, чем Pell, для включения в свое веб-приложение, это отличный выбор.
OpenWYSIWYG Демо доступно здесь
3. TinyMCE (Community Edition)
Следующий редактор в нашем списке - TinyMCE, полный редактор WYSIWYG для Интернета. Он также полностью написан на JavaScript и предоставляет пользовательский интерфейс и возможности, как и большинство текстовых процессоров.
Прийти TinyMCE в большом количестве опций Community Edition - это бесплатная версия с открытым исходным кодом. Он поставляется со всеми основными параметрами редактирования, такими как форматирование текста, списки и таблицы, а также некоторыми параметрами редактирования изображений.
Разработчики сохранили цены на премиальные модели в соответствии с количеством ваших пользователей, т.е. чем больше у вас пользователей, тем больше вам придется платить. Некоторые из дополнительных функций включают загрузку и управление всеми вашими файлами с Google Диска или Microsoft Azure вместо вашего собственного сервера, поддержку плагинов, проверку орфографии, проверку ссылок, а также техническую поддержку премиум-класса.
Положительные:
- Поддержка плагинов
- Управление файлами
- Техническая поддержка
- Редактор кода стиля IDE для HTML
минусы:
- Цена
- Не полностью открытый исходный код
Вердикт:
TinyMCE с его простой возможностью интеграции, простым в использовании пользовательским интерфейсом и множеством функций, включая техническую поддержку, представляет собой полный пакет. Если вы просто хотите использовать более многофункциональный редактор WYSIWYG HTML с открытым исходным кодом и готовы потратить немного денег, то вам подойдет TinyMCE. Они также предлагают месячную бесплатную пробную версию для своей модели Pro, которую вы всегда можете проверить!
пытаться Демо TinyMCE здесь
4. Юдит
Jodit - это быстрый и легкий редактор WYSIWYG, который вы можете встроить в свой код и начать редактировать свою страницу. Он очень легкий - около 100 КБ, и он полностью написан на TypeScript, поэтому вам не нужны никакие зависимости или библиотеки для его запуска.
Jodit - один из самых удобных редакторов WYSIWYG с такими опциями, как копирование, вставка и удаление изображения. Вы также можете прикреплять или вставлять видео YouTube или Vimeo по ссылке.
Лучшее, что мне понравилось в Jodit, - это то, что он поставляется с редактором ACE из коробки и с помощью одной кнопки вы можете переключаться между фактическим значком и режимом предварительного просмотра. Вы можете вносить изменения прямо в код или просто скопировать и вставить его на свой веб-сайт.
Положительные:
- Легкий, без библиотек
- Перетащите и отпустите
- Редактор ACE из коробки
- Вариант технической поддержкиоплаченный)
Вердикт:
Jodit дает вам лучшее из обоих миров - простое визуальное редактирование WYSIWYG, а также настройку исходного кода. Если вы хоть немного разбираетесь в HTML, Jodit может быть лучшим вариантом для вас.
пытаться Юдит
5. Летняя заметка
Summernote - это очень простой WYSIWYG-редактор на основе jQuery, основанный на Bootstrap. Поскольку он поддерживает Bootstrap, вы можете использовать все стили и темы, поддерживаемые вашим редактором из Bootswatch.
Сам редактор имеет очень чистый и минималистичный пользовательский интерфейс, и вы даже можете редактировать или добавлять параметры форматирования в соответствии с вашими потребностями. С Air-режимом Summernote вы даже можете полностью скрыть панель инструментов и редактировать документ с головокружительной скоростью. Наряду со всеми основными параметрами форматирования, перетаскивания, копирования / вставки изображений, он автоматически преобразует все изображения в base64, поэтому вам вообще не нужно применять обработку изображений.
Для меня самое лучшее в Summernote - это трудолюбивая команда разработчиков, которая всегда прислушивается к сообществу и добавляет новые изменения, такие как поддержка плагинов, облегченная или обычная версия Summernote, которая не требует Bootstrap.
Положительные:
- Минимальная кривая обучения
- Воздушный режим для быстрого выпуска
- Поддерживает Bootstrap 3.xx до 4.xx
- Просмотр и редактирование в HTML
Минус:
- Нет поддержки плагинов
- Требуется Bootstrap
Вердикт:
Summernote, вероятно, самый богатый, но бесплатный редактор WYSIWYG на рынке, и он постоянно совершенствуется. Если вы работаете с Bootstrap, Summernote не заставляет вас думать, но даже если Summernote не так, стоит попробовать.
пытаться Демо Summernote
6. Фроала
И наконец, что не менее важно, редактор Фроала , красивый WYSIWYG, написанный на JavaScript. Froala - один из самых популярных инструментов в этом списке, и его популярность среди разработчиков объясняется его простой интеграцией и чистым дизайном.
Froala - это очень мощный редактор, в который добавлено бесчисленное количество плагинов. Существует более 30 плагинов, которые включают высококачественный редактор изображений, смайлики и проверку орфографии, и вы можете легко создать свой собственный плагин. Ко всем инструментам также можно получить доступ одновременно с помощью встроенного редактора, что очень удобно.
Как TinyMCE, приходите Froala также бывает разных вкусов. , но даже в бесплатной версии есть все функции. Единственная разница в том, что вы не получите полный исходный код и техническую поддержку.
Положительные:
- Мощный легкий редактор
- Встроенное редактирование
- Множество дополнительных услуг
Минус:
- Не такое уж большое приложение для телефона / веб-сайта
Вердикт:
Froala быстрый и легкий, с красивым пользовательским интерфейсом, но пока ему удается предложить все функции, которые можно найти в редакторе WYSIWYG HTML. Если у вас все в порядке без исходного кода и поддержки, бесплатная версия сослужит вам хорошую службу, в противном случае вы знаете, что делать; Нет ничего лучше этого.
Демо: Попробуйте Фроала здесь
7.CKEditor
CKEditor очень популярен среди пользователей как редактор WYSIWYG HTML с открытым исходным кодом и красиво оформленный. Он содержит более 21 XNUMX тестов, которые помогут вам изучить HTML в удобном для использования дизайне. Существует подробная документация, которая поможет вам еще больше отточить свои навыки. Вы доверяете одним из крупнейших имен в индустрии высоких технологий.
Обратите внимание, что вам придется поддерживать уведомления об авторских правах в каждом файле, не удаляя файл LICENSE.md, расположенный в папке установки CKEditor. Это не является недостатком, особенно когда вы получаете взамен большую ценность.
Есть поддержка расширений, @mention, эмодзи, старых браузеров и даже автозаполнения, что может сэкономить много времени.
Положительные:
- Подробная документация, тесты и вопросы
- сотрудничество
- Автозаполнение
Минус:
- Сохранить файл лицензии
Получающий CKEditor
Специальное уведомление:
1. Средний редактор Это клон встроенного редактора WYSIWYG с открытым исходным кодом для Medium.com. Он простой, легкий и не требует никаких зависимостей. Хотя он не такой мощный, он может работать как отличный встроенный инструмент для редактирования текстовых документов.
2. Позвольте вам упаковать Предварительный просмотр HTML Из Atom добавьте панель предварительного просмотра, в которой вы можете напрямую предварительно просмотреть HTML-код, что может быть очень полезно для разработчиков. Хотя это не предназначено для новичков, это отличный пакет, который можно добавить к существующему рабочему процессу, если вы уже занимаетесь программированием HTML.
Лучший редактор WYSIWYG HTML с открытым исходным кодом
Пока это HTML Это по-прежнему самый мощный метод Создать сайт Что касается самого сложного из возможных, то редакторы WYSIWYG заслужили отдельное место. Обучение программированию требует много времени и усилий и может не иметь смысла для всех. Если у вас есть Предыдущий опыт программирования А если у вас нет времени на обучение, вы можете полностью отказаться от использования редактора WYSIWYG HTML с открытым исходным кодом.
Итак, это было одно из лучших приложений для редактирования WYSIWYG HTML с открытым исходным кодом, которое вы можете использовать сегодня. Какой из них вы выберете или какой уже используете? Расскажите нам в комментариях ниже.
