Как применить javascript к текстовой области, созданной javascript?

Question

У меня есть div, который при нажатии использует jeditable плагин jQuery для выполнения какой-либо замены HTML, которая превращает div в форму, содержащую текстовую область.

Я хочу прикрепить tinyMCE JS ко всем текстовым областям на моем сайте. У меня проблема в том, что текстовая область создается динамически ПОСЛЕ того, как текстовая область была применена к текстовым областям.

Может кто-нибудь подумать, как присоединить какой-нибудь очень простой текстовый редактор wysiyyg (предпочтительно tinymce) к элементу управления textarea, как только он будет создан jEditable?

Я использую новейшую библиотеку jQuery в приложении PHP.

Приветствия

Билли

Answer 1

Используя TinyMCE jQuery Plugin , я думаю, вы могли бы сделать это:

$(function() {
    $('div.editable_textarea')
        .editable({ ... })
        .click(function() {
            $(this).find('textarea').tinymce();
        });
});

Я на основе этого селектора отключил jEditable live demo .

Answer 2

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

Tinymce создает при инициализации редактируемый по контенту iframe (НЕ textarea!), Который будет использоваться для редактирования html-контента. Существуют действия редактора (т.е. сохранение), которые записывают содержимое Iframes обратно в исходный элемент html (может быть div, textarea или что-либо еще).

Проблема, с которой я столкнулся, заключается в том, что текстовая область создается динамически ПОСЛЕ ТОГО, КАК ТИМИНА была применена к текстовым областям.

Но вы можете инициализировать tinymce, когда захотите (для этого нужно использовать режим 'модальный') - даже ПОСЛЕ того, как текстовая область создается динамически.