Теги

    Комментарии ()

      +
      T
      >

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

      /* Превью

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

      */

      Подключпение 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. Проблему пока не решил, скрыл эту панель, и так сойдет

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