如何将javascript应用于由javascript创建的textarea？

Question

我有一个div，当点击时使用jeditable jQuery插件进行某种HTML替换，将div更改为包含textarea的表单。

我想将tinyMCE JS附加到我网站上的所有textareas。我遇到的问题是textarea是在将tinymce应用于textareas之后动态创建的。

有人可以考虑如何通过jEditable创建一些非常简单的wysiyyg文本编辑器（最好是tinymce）到textarea控件吗？

我在PHP应用程序中使用最新的jQuery库。

干杯，

比利

Answer 1

一开始你想要的东西似乎不可能。原因如下：

Tinymce在初始化时创建了一个内容可编辑的iframe（不是textarea！），用于编辑html内容。有编辑器操作（即保存），它会将Iframes内容写回初始的html元素（可以是div，textarea或其他任何东西）。

  

我遇到的问题是textarea是在将tinymce＆gt;应用于textareas之后动态创建的。

但你可以随时初始化tinymce（你需要使用'modal'模式） - 甚至在动态创建textarea之后。

Answer 2

使用TinyMCE jQuery Plugin，我认为你可以这样做：

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

我将该选择器设置为jEditable live demo。