Заголовок
TELEGRAMM
  • Сборка WP
  • Магазин
  • InstantCMS
  • Пользователи
  • Группы
  • Инвестиции
  • Контакты
No Result
View All Result
OK2WEB
  • Новости
  • Работа с сайтом
  • SEO
  • Интернет магазины
  • WordPress
  • Базы данных

Корзина пуста.

  • Новости
  • Работа с сайтом
  • SEO
  • Интернет магазины
  • WordPress
  • Базы данных
No Result
View All Result
OK2WEB
No Result
View All Result
Home Новости

Обзор всех существующих WYSIWYG web редакторов для сайтов

Обзор всех существующих WYSIWYG web редакторов для сайтов

WYSIWYG web редакторы, это редакторы, которые используются для работы с контентом сайта. Как правило в каждой из cms идёт свой выбор редакторов, но на самом деле он гораздо больше и сегодня мы представляем полный обзор существующих редакторов, которые были созданы различными разработчиками.

Каждый из них имеет свои плюсы и минусы, но тем не менее они есть и если вам необходимо подобрать редактор, то вы вполне можете, прочитав этот список, собрать для себя воедино всю информацию о возможностях реализации и внедрения этих редакторов себе на сайт или в cms систему. При создании списка использовалась информация с GitHub.

В ТЕМУСТАТЬИ

UDP против TCP, или Будущее сетевого стека (highload обсуждение)

UDP против TCP, или Будущее сетевого стека (highload обсуждение)

10.04.2019
Обзор Elementor Pro: мощный визуальный конструктор для WordPress

Обзор Elementor Pro: мощный визуальный конструктор для WordPress

05.03.2019

Основные требования к WYSIWYG редакторам

Я попробовал собрать вместе требования, которые обычно хотелось бы видеть внедрёнными в WYSIWYG редакторы. Получился такой вот примерно список:

  • Лицензирование (желательно Открытая свободная для использования для использования лицензия);
  • Кроссбраузерность отображения;
  • Поддержка полной работы с ссылками (возможность их сокращения и обязательно подсвечивание);
  • Поддержка работы с таблицами, в удобном формате вставки и создания таблиц;
  • Создание цитат, поддержка заголовков, списки, фон, цвет шрифта и выбора шрифта;
  • Поддержка копирования картинок и изображений, возможность универсально вставлять картинки;
  • Поддержка вставки различных форматов файлов: pdf и прочее;
  • Наличие смайлов, поддержка emoji;
  • Удобный интерфейс работы с редактором;
  • Наличие справочной страниц для работы;
  • Просмотр и редактирование исходного кода;
  • Поддержка html редактирования страницы контента;
  • Выравнивание текста, поддержка операций форматирования текста;
  • Наличие языковых версий перевода редактора;
  • Поддержка вставки видео с крупных сайтов, embed вставка медиа данных.

Конечно есть много еще необходимых функций, которые каждому хотелось бы видеть под себя, но я собрал самое нужное.

Список существующих WYSIWYG редакторов

froala.com/wysiwyg-editor

Лицензия стоит $800
Проблема с историей
Работает как плагин для jQuery
Подсветка ссылок не работает по переводу строки
Размер 173 + 5 (css) + 25.4 (css) + 88 (jQuery) = 290.5kb

xdsoft.net/jodit/

Лицензия стоит $30
Проблема с переводом строки (межстрочный интервал первой строки отличается от последующих)
Размер: 63 (css) + 202 (js) = 263
Тормозит перенос строк (или мне так кажется)
Отсутствует загрузка файлов отличных от изображений
Нет подсветки ссылок
По функциональности и интерфейсу напоминает Froala!

textbox.io

$500 в месяц!
Облачное решение
Переопределено контекстное меню (вставка текста только с помощью клавиатуры)

www.tinymce.com/

Лицензия стоит от $1 за пользователя
Очень жирный и неуклюжий
ckeditor.com/
Лицензия стоит $1000+
Неудобный интерфейс для работы с таблицами, ссылками и изображениями
Размер: 200 (js) + 280 (css) = 480kb
Нет вложенных цитат

imperavi.com/redactor/

Лицензия стоит $200
Минус: добавление таблиц
Можно копировать изображения!
Для форматирования текста используются дополнительные плагины

getcontenttools.com/

Открытая свободная для использования лицензия
Отсутствует интерфейс перемещения файлов
Неудобный интерфейс создания таблиц
Есть подсветка блока при наведении
Нельзя задать цвет

summernote.org/

Открытая свободная для использования лицензия
Работает как плагин для jQuery
Отсутствует интерфейс перемещения файлов
Неудобное редактирование таблиц
Таблицы нельзя редактировать

alloyeditor.com/demo/

Открытая свободная для использования лицензия
Отсутствует интерфейс перемещения файлов
Есть API
Странный он, но в целом почти все есть

slatejs.org

Открытая свободная для использования лицензия
Используется React
Нельзя сделать перевод строки в таблицах
Нельзя копировать изображения
Отсутствует интерфейс загрузки и перемещения файлов
Есть API

etherpad.org

Открытая свободная для использования лицензия
Долго загружается
Мало функциональный интерфейс
Отсутствует интерфейс загрузки и перемещения файлов
Нет таблиц

sofish.github.io/pen/

Открытая свободная для использования лицензия
Отсутствует интерфейс загрузки и перемещения файлов
Нет таблиц

alex-d.github.io/Trumbowyg/

Открытая свободная для использования лицензия
Работает как плагин для jQuery
Отсутствует интерфейс загрузки и перемещения файлов

yabwe.github.io/medium-editor/

Открытая свободная для использования лицензия
Отсутствует интерфейс загрузки и перемещения файлов
Нет таблиц
Нет API

github.com/jakiestfu/Medium.js

Открытая свободная для использования лицензия
Отсутствует интерфейс загрузки и перемещения файлов
Нет таблиц
Нет API

olivier-m.github.io/minislate/#demo

Открытая свободная для использования лицензия
Отсутствует интерфейс загрузки и перемещения файлов
Нет таблиц
Нет API

quilljs.com/

Открытая свободная для использования лицензия
Отсутствует интерфейс загрузки (кроме изображений) и перемещения файлов
Нет таблиц
Размер: 200 (js) + 280 (css) = 480

trix-editor.org/

Открытая свободная для использования лицензия
Отсутствует интерфейс загрузки и перемещения файлов
Нет таблиц
Небольшая функциональность

github.com/yabwe/words

Открытая свободная для использования лицензия
Небольшая функциональность

jejacks0n.github.io/mercury/

Открытая свободная для использования лицензия
Жуткий интерфейс

webodf.org/

Открытая свободная для использования лицензия
Жуткий интерфейс

facebook.github.io/draft-js/

Открытая свободная для использования лицензия
Используется React
Нет таблиц
Отсутствует интерфейс загрузки и перемещения файлов
Это все-таки фреймворк, а не готовый модуль

simplemde.com/

Открытая свободная для использования лицензия
Markdown-редактор

substance.io/

Открытая свободная для использования лицензия
Какая-то слабая альтернатива Офису

www.sceditor.com/

Работает как плагин для jQuery
Мало функциональный интерфейс

markitup.jaysalvat.com/

Мало функциональный интерфейс

github.com/steveathon/bootstrap-wysiwyg

Работает как плагин для jQuery
Использует Boostrap
Небольшая функциональность

wymeditor.github.io/wymeditor

Открытая свободная для использования лицензия
Мало функциональный интерфейс

jhtmlarea.codeplex.com/

Открытая свободная для использования лицензия
Работает как плагин для jQuery
Мало функциональный интерфейс

github.com/jfuentesa/rataeditor

Открытая свободная для использования лицензия
Работает как плагин для jQuery
Мало функциональный интерфейс
Отсутствует API

neilj.github.io/Squire/

Открытая свободная для использования лицензия
Отсутствует интерфейс загрузки и перемещения файлов
Небольшая функциональность
Нет таблиц
Нет колорпикера
Есть API
Небольшой размер 35KB

github.com/mduvall/grande.js

Открытая свободная для использования лицензия
Заброшенный клон Medium’a
github.com/michelson/Dante
Открытая свободная для использования лицензия
Клон Medium’a

michelson.github.io/dante2/

Открытая свободная для использования лицензия
Небольшая функциональность
wysihtml.com/
Открытая свободная для использования лицензия
Отсутствует интерфейс

github.com/alohaeditor/Aloha-Editor

Открытая свободная для использования лицензия
Заброшен

hallojs.org/

Открытая свободная для использования лицензия
Небольшая функциональность

react-rte.org/

Открытая свободная для использования лицензия
Используется React
Небольшая функциональность
Отсутствуют таблицы и пр.
Обзор WYSIWYG-решений:

github.com/guardian/scribe

Открытая свободная для использования лицензия
Отсутствует интерфейс

bevacqua.github.io/woofmark/

Открытая свободная для использования лицензия
Мало функциональный интерфейс

github.com/jessegreathouse/TinyEditor/

Открытая свободная для использования лицензия
Заброшен
Мало функциональный интерфейс

prosemirror.net/

Открытая свободная для использования лицензия
Мало функциональный интерфейс
Небольшая функциональность

github.com/bustlelabs/mobiledoc-kit

Открытая свободная для использования лицензия
Мало функциональный движок

Итоговый вывод по web редакторам

Вывод таков, что существует достаточно много редакторов для подключения к сайту. Есть откровенно слабые решения или заточенные под определенные задачи, есть крупные развитые монстры известные каждому, но всегда остаётся возможность сделать еще лучше и удобнее редактор, или доработать.

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

Tags: web редакторWYSIWYGредактор
Share259Tweet160Share32SendPin58
Previous Post

OkWp (Wordpress) новая сборка 1.1, описание и возможности

Next Post

Бесплатный background пакет графики для сайтов

Alecs Retin

Alecs Retin

Занимаюсь WEB разработкой. Интернет магазины, информационные порталы, вёрстка, продвижение сайтов.

Related Posts

UDP против TCP, или Будущее сетевого стека (highload обсуждение)

UDP против TCP, или Будущее сетевого стека (highload обсуждение)

by Alecs Retin
10.04.2019
0

Что мы знаем об IP-сетях Мы отправляем пакеты черный ящик их пересылает клиенту клиент собирает пакеты Внутри черного ящика есть уровни: Давайте сравним TCP и UDP. В них сильно отличается структура пакетов: Главное: TCP задуман как протокол надёжной доставки данных,...

Обзор Elementor Pro: мощный визуальный конструктор для WordPress

Обзор Elementor Pro: мощный визуальный конструктор для WordPress

by Alecs Retin
05.03.2019
0

Elementor Pro - это новый плагин для создания сайтов для WordPress. Если вы хотите придать своему веб-сайту WordPress и его содержанию индивидуальный дизайн, то инструмент построения страниц часто является наилучшим вариантом. Однако, с таким количеством плагинов для конструктора страниц, доступных для...

Тема WordPress для интернет магазина Fastor – полный обзор

Тема WordPress для интернет магазина Fastor – полный обзор

by Alecs Retin
02.03.2019
0

Начинаю вести обзоры интересных решений для сайтов на Wordpress. Сегодня в моём обзоре тема Fastor. Тема предназначена для интернет магазина и состоит из полного набора инструментов, позволяющих создавать красивые магазина на Woocommerce. А для тех кто любит использовать готовое имеется...

Как я создавал свой хостинг центр – часть первая

Массовая очистка своих групп и видео в Контакте

by Alecs Retin
20.08.2019
0

Время идет и появляются задачи убрать всё что вы накидали в свои видео или запостили в своей группе. Бывает такая задача и у меня на днях она тоже возникла. Пришлось основательно покопаться, так как добавленные когда то 4500 видео в...

Next Post
Бесплатный background пакет графики для сайтов

Бесплатный background пакет графики для сайтов

Please login to join discussion
  • Trending
  • Comments
  • Latest
90 сервисов, где брать картинки для сайта бесплатно

90 сервисов, где брать картинки для сайта бесплатно

31.12.2016
10 лучших плагинов викторины и тестов для WordPress 2019

10 лучших плагинов викторины и тестов для WordPress 2019

24.02.2019
Настройка Opcache для кеширования скриптов, подтягиваем скорость

Настройка Opcache для кеширования скриптов, подтягиваем скорость

06.07.2019
Полный справочник команд  для Putty / SSH / Unix / Linux

Полный справочник команд для Putty / SSH / Unix / Linux

20.08.2019
OKWP сборка WordPress версия 1.5. Обновления и обзор версии

Сборка OkWp-Shop на базе WordPress для интернет магазина

10.10.2018
Как в Mysql и MariaDB установить оптимальный параметр innodb_log_file_size

Как в Mysql и MariaDB установить оптимальный параметр innodb_log_file_size

01.11.2019
Диагностика запросов и анализ производительности Wordpress - плагин Query Monitor

Диагностика запросов и анализ производительности WordPress – плагин Query Monitor

20.10.2019
Diagnostika I Tehnicheskij Analiz Sajta Na Wordpress Glavnoe Chto Nado Sdelat I Znat

Диагностика и технический анализ сайта на WordPress: главное что надо сделать и знать

31.10.2019
Как оптимизировать ваш сайт WordPress для конверсий в целевые действия и улучшить связь с клиентом

Как оптимизировать ваш сайт WordPress для конверсий в целевые действия и улучшить связь с клиентом

17.10.2019
Лучшие плагины для организации поиска на сайте Wordpress

Лучшие плагины для организации поиска на сайте WordPress

12.10.2019

ПОПУЛЯРНОЕ

  • 90 сервисов, где брать картинки для сайта бесплатно

    90 сервисов, где брать картинки для сайта бесплатно

    1840 shares
    Share 734 Tweet 459
  • Настройка Opcache для кеширования скриптов, подтягиваем скорость

    986 shares
    Share 394 Tweet 247
  • 10 лучших плагинов викторины и тестов для WordPress 2019

    957 shares
    Share 383 Tweet 239
Диагностика запросов и анализ производительности Wordpress - плагин Query Monitor

Диагностика запросов и анализ производительности WordPress – плагин Query Monitor

20.10.2019
Diagnostika I Tehnicheskij Analiz Sajta Na Wordpress Glavnoe Chto Nado Sdelat I Znat

Диагностика и технический анализ сайта на WordPress: главное что надо сделать и знать

31.10.2019
Diagnostika I Tehnicheskij Analiz Sajta Na Wordpress Glavnoe Chto Nado Sdelat I Znat

Диагностика и технический анализ сайта на WordPress: главное что надо сделать и знать

31.10.2019
Как оптимизировать ваш сайт WordPress для конверсий в целевые действия и улучшить связь с клиентом

Как оптимизировать ваш сайт WordPress для конверсий в целевые действия и улучшить связь с клиентом

17.10.2019
Как в Mysql и MariaDB установить оптимальный параметр innodb_log_file_size

Как в Mysql и MariaDB установить оптимальный параметр innodb_log_file_size

01.11.2019
MyISAM против Innodb MySQL Engine для WordPress что лучше и конвертация таблиц базы данных

MyISAM против Innodb MySQL Engine для WordPress что лучше и конвертация таблиц базы данных

30.10.2019
  • Политика конфиденциальности
  • Пользовательское соглашение
  • Карта сайта

© Ok2web, сайт веб мастеров, разработка сайтов, UPDS парсер

No Result
View All Result
  • Новости
  • Работа с сайтом
  • SEO
  • Интернет магазины
  • WordPress
  • Базы данных

© Ok2web, сайт веб мастеров, разработка сайтов, UPDS парсер

Login to your account below

Forgotten Password? Sign Up

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In

Авторизоваться

Забыли пароль?
Создать аккаунт