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

Question

[Andrzej Wielski]

Здравствуйте.

Суть вопроса думаю понятна из названия. Какой лучше использовать визуальный редактор HTML кода? (wysiwyg)
Желательно бесплатный.
На данный момент использую Imperavi Redactor, но постоянные баги и непонятки заставили искать решение получше.

Что хотелось бы получить:

• Удобное подключение к textarea напрямую (без танцев с бубном для передачи готового html кода формой)
  
• Основной функционал для типографии
  
• Вставка картинок/видео по ссылке, интеграция загрузки на сервер
  
• Дополнение функционала собственными "плагинами"
  
• Желательно код должен получаться как можно менее "грязным"
  
• Современный (в том числе по внешнему виду). Можно на основе Bootstrap
  

Заранее спасибо.

Answer 1

[Pavel K]

https://www.tinymce.com/, имхо, лучший. Сколько себя помню всё на нём сижу =)

Comments

[Andrzej Wielski]

Тоже временно остановился на нем, но надеялся на то что найдется что-то получше.

[ZaurK]

А как использовать его с bootstrap modal? Я не смог подружить их.

[Andrzej Wielski]

ZaurK:

$('#modal').on('show.bs.modal', function (event) {
     var modal = $(this);
     moda.find('.editor').tinymce();
});

[ZaurK]

Andrzej Wielski: спасибо

[ZaurK]

Andrzej Wielski: Скажите этот код лучше в хэдэре подключать или непосредственно при вызове модального окна?

[Andrzej Wielski]

ZaurK: Этот код лучше подключать там, где у вас находятся вся инициализация jQuery скриптов и библиотек.
И обычно .js размещают до закрывающего </body>

Answer 2

[seriogja]

Как то решил поискать альтернативу tinymce, нашел ckeditor.com. Редактор очень понравился: простой в настройке, подробная документация, кучи бесплатных плагинов (есть и платные), а также на сайте есть билдер загрузки с "менеджером зависимостей", чтобы качать минимальные по размеру сборки, которые удовлетворяют вашим требованиям!

Answer 3

[bromzh]

Тысячи их
Я использовал этот, этот и этот (правда тогда он был бесплатный и версии 1).
TinyMCE имхо слишком труден в настройке. Не зря у него есть платная техподдержка.

Answer 4

[Слава]

Я может чего-то не понимаю, но чем связки IDE + browser-sync не походит? Пишите код - она перезагружает страничку. Или можно даже настроить без перезагрузки.