monolithed/WYSIWYG.md

## WYSIWYG.md

      
    Raw
  

              WYSIWYG.md
            
          
    Обзор WYSIWYG-редакторов (2017 г.):


Свободная лицензия (в идеале)
API
Масштабировать текст по количеству символов (в идеале)
Быть кроссбраузерным
Сокращать ссылки и подсвечивать ссылки
Иметь защиту от XSS
Конфигурироваться
Поддерживать историю
Поддерживать стандартные операции форматирования текста:

U|B|I
Заголовки
Цитаты
Выбор цвета для фона и текста
Удаление форматирования
Выбор шрифта?
Отображение текста списком (символы, цифры)
Выравнивание текста


Вставка таблиц (с изменением)
Вставка ссылок (с удалением и редактированием)
Вставка изображений (по ссылке и загрузка, в т.ч. перемещение)
Копирование изображений
Вставка видео
Вставка файлов
Вставка смайлов (emoji)?
Полноэкранный режим
-Поддержка Markdown-?
Правка HTML кода?
Справка
Произвольное позиционирование элементов редактора (dnd)
Изменение размеров формы (динамическое на основе количества символов и ручное)
Предпросмотр
Вставка кода (с подсветкой?)
Перенос на новую строку должен быть без дополнительных линий
Подсветка блока при наведении (в идеале)
Локализация

Обзор WYSIWYG-решений (по лицензии, размеру и минусам):

http://ru.setka.io/editor/

Больше не доступен.
http://froala.com/wysiwyg-editor


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

http://xdsoft.net/jodit/


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

https://textbox.io


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

https://www.tinymce.com/


Стоимость лицензии и от $1 за пользователя
Очень жирный и неуклюжий

http://ckeditor.com/


Стоимость лицензии $1000+
Неудобный интерфейс для работы с таблицами, ссылками и изображениями
Размер: 200 (js) + 280 (css) = 480kb
Нет вложенных цитат

https://imperavi.com/redactor/


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

http://getcontenttools.com/


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

http://summernote.org/


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

http://alloyeditor.com/demo/


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

http://slatejs.org


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

http://etherpad.org


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

https://sofish.github.io/pen/


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

http://alex-d.github.io/Trumbowyg/


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

https://yabwe.github.io/medium-editor/


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

https://github.com/jakiestfu/Medium.js


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

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


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

http://quilljs.com/


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

https://trix-editor.org/


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

https://github.com/yabwe/words


Свободная лицензия
Ограниченная функциональность

http://jejacks0n.github.io/mercury/


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

http://webodf.org/


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

http://facebook.github.io/draft-js/


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

https://simplemde.com/


Свободная лицензия
Markdown-редактор

http://substance.io/


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

http://www.sceditor.com/


Работает как плагин для jQuery
Убогий интерфейс

http://markitup.jaysalvat.com/


Убогий интерфейс

https://github.com/steveathon/bootstrap-wysiwyg


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

http://wymeditor.github.io/wymeditor


Свободная лицензия
Убогий интерфейс

http://jhtmlarea.codeplex.com/


Свободная лицензия
Работает как плагин для jQuery
Убогий интерфейс

https://github.com/jfuentesa/rataeditor


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

http://neilj.github.io/Squire/


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

https://github.com/mduvall/grande.js


Свободная лицензия
Заброшенный клон Medium'a

https://github.com/michelson/Dante


Свободная лицензия
Клон Medium'a

https://michelson.github.io/dante2/


Свободная лицензия
Ограниченная функциональность

http://wysihtml.com/


Свободная лицензия
Отсутсвует интерфейс

https://github.com/alohaeditor/Aloha-Editor


Свободная лицензия
Заброшен

http://hallojs.org/


Свободная лицензия
Ограниченная функциональность

https://react-rte.org/


Свободная лицензия
Используется React
Ограниченная функциональность
Отсутсвуют таблицы и пр.

Обзор WYSIWYG-решений:

http://froala.com/wysiwyg-editor


Интерфейс устраивает полностью, хотя есть баги
Стоимость лицензии $800
Работает как плагин для jQuery
Размер 173 + 5 (css) + 25.4 (css) + 88 (jQuery) = 290.5kb

http://xdsoft.net/jodit/


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

http://getcontenttools.com/


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

http://summernote.org/


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

https://textbox.io


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

https://www.tinymce.com/


Стоимость лицензии и от $1 за пользователя

http://ckeditor.com/


Стоимость лицензии $1000+
Неудобный интерфейс для работы с таблицами, ссылками и изображениями
Размер: 200 (js) + 280 (css) = 480

http://xdsoft.net/jodit/


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

https://imperavi.com/redactor/


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

http://www.xstandard.com/


Стоимость лицензии $2899
Жуткий интерфейс

http://alloyeditor.com/demo/


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

https://www.advancedcustomfields.com/resources/wysiwyg-editor/


Для WordPress

http://plugnedit.com/pnew/


Для WordPress
Редкостный хлам

http://slatejs.org


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

http://nicedit.com/


Свободная лицензия
Нет таблиц
Ограниченная фунциональность
Нет API
Жуткий интерфейс

http://etherpad.org


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

https://sofish.github.io/pen/


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

http://alex-d.github.io/Trumbowyg/


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

https://yabwe.github.io/medium-editor/


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

https://github.com/jakiestfu/Medium.js


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

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


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

http://quilljs.com/


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

https://trix-editor.org/


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

https://github.com/yabwe/words


Свободная лицензия
Ограниченная функциональность

http://jejacks0n.github.io/mercury/


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

http://webodf.org/


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

http://facebook.github.io/draft-js/


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

https://simplemde.com/


Свободная лицензия
Markdown-редактор

http://substance.io/


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

http://www.sceditor.com/


Работает как плагин для jQuery
Убогий интерфейс

http://markitup.jaysalvat.com/


Убогий интерфейс

https://github.com/steveathon/bootstrap-wysiwyg


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

http://wymeditor.github.io/wymeditor


Свободная лицензия
Убогий интерфейс

http://jhtmlarea.codeplex.com/


Свободная лицензия
Работает как плагин для jQuery
Убогий интерфейс

https://github.com/jfuentesa/rataeditor


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

http://neilj.github.io/Squire/


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

https://github.com/mduvall/grande.js


Свободная лицензия
Заброшенный клон Medium'a

https://github.com/michelson/Dante


Свободная лицензия
Клон Medium'a

https://michelson.github.io/dante2/


Свободная лицензия
Ограниченная функциональность

http://wysihtml.com/


Свободная лицензия
Отсутствует интерфейс

https://github.com/alohaeditor/Aloha-Editor


Свободная лицензия
Заброшен

http://hallojs.org/


Свободная лицензия
Ограниченная функциональность

https://react-rte.org/


Свободная лицензия
Используется React
Ограниченная функциональность
Отсутствуют таблицы и пр.

https://github.com/guardian/scribe


Свободная лицензия
Отсутствует интерфейс

https://bevacqua.github.io/woofmark/


Свободная лицензия
Убогий интерфейс

https://github.com/jessegreathouse/TinyEditor/


Свободная лицензия
Заброшен
Убогий интерфейс

http://prosemirror.net/


Свободная лицензия
Убогий интерфейс
Ограниченная функциональность

https://github.com/bustlelabs/mobiledoc-kit


Свободная лицензия
Малофункциональный движок

Фавориты:


http://froala.com/wysiwyg-editor
http://alloyeditor.com/demo/
http://xdsoft.net/jodit/ — по сути это бюджетный аналог Froala c некоторыми недоработками.

Проблемы


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