tinymce 和 Jquery UI 对话框运行良好答案

【问题标题】：tinymce and Jquery UI dialog working nicelytinymce 和 Jquery UI 对话框运行良好
【发布时间】：2009-04-15 15:45:56
【问题描述】：

我在使用 Jquery UI Dialog 和 TinyMCE 时遇到了一些问题。
将数据传递到文本区域适用于 UI Dialog 和 Jquery。
所以像这样在文本区域中设置数据可以正常工作：

        $("#MessageDialog #messageDto_Body").val(messagedata.Body);
        $("#MessageDialog").dialog("open");

当我将 tinyMCE 编辑器附加到文本区域时，它会正确添加编辑器（并且在没有 UI 窗口的情况下会保留文本区域的内容）：

tinyMCE.execCommand('mceAddControl', false, 'messageDto.Body');

使用 UI Dialog，该区域是空的。

据我所见，tinyMCE 可以隐藏真实的文本区域并添加一个新区域。我也尝试过直接设置内容但没有运气：

  tinyMCE.activeEditor.setContent(messagedata.Body, {format : 'bbcode'});

有什么建议吗？

更新：用 jqModal 替换了 Jquery UI 对话框，一切正常。我认为问题可能不在于 TinyMce，而在于 Jquery UI 对话框

【问题讨论】：

【解决方案1】：

也许 jQuery TinyMCE plugin 会有所帮助。

【讨论】：

【解决方案2】：

tinyMCE 隐藏 textarea 并使用附加 '_' + 元素类型的 textarea 的 ID 添加多个元素。要访问 iframe 的内容，请尝试以下操作。

$("#content_ifr").contents().find("body").html(messagedata.Body);

#content 是您的文本区域的 ID。

【讨论】：

【解决方案3】：

在打开对话框后，我通过使用 $('#myTextBox').tinymce(... 的 TinyMCE jQuery 插件初始化编辑器解决了这个问题。关闭并重新打开对话框似乎不会导致 jQ UI 1.8.16 出现问题。

【讨论】：