+

[ Tinymce | Fancybox > Добавление визуального текстового редактора для полей форм, textarea ]

30.01.2020 17:45
14

/* Превью

Кажется это просто, скачал, прикрутил, запустил.. аааа... нет ):

*/

Подключпение tinyMCE

И так, %USER_NAME%, начинаем прикручивание визуала для текстовых блоков с нуля.

  1. Для начала качаем сам TinyMCE
  2. Прикручиваем к проекту tinymce/tinymce.min.js
  3. Прикручиваем Fancybox
  4. Почти готово

Проблемы

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

  1. Открыл форму, закрыл, а когда открываешь второй раз редактор загибается, текст в нём пропадает а сам он становится не активным.
  2. Текст из редактора в скрытый textarea ( его скрывает tinymce при запуске ) попадает только после события submit формы, а если отправка идёт через ajax то данные в textarea сначала отправляются а потом меняются на новые из редактора.
  3. В верхней панели редактирования всплывающие поля всплывают хер пойми где за fancybox

Решение проблем

Проблемы решается следующим образом:

  1. К фансибоксу прикручиваем события на уничтожение tinymce после закрытия модалки, а перед открытием на его создание.
  2. Добавляем секретное заклинание к запуску tinymce, в параметр 'setup'
  3. Проблему пока не решил, скрыл эту панель, и так сойдет

А теперь в коде.. на гитшвабре, как обычн..