html - 有什么办法可以避免在 TinyMCE 文本区域中瞬间显示 HTML 源代码？

Question

其中一个应用程序是使用 TinyMCE 文本区域中的 URL 加载一些图像。当页面加载时，它会立即显示文本区域的 HTML 源代码，然后显示 HTML 输出。

事件顺序如下： 1] 用户点击 url www.testurlforexplaination.com 2] 用户请求在 HTML 表单中预填充数据
3] HTML 表单由文本区域、微型 MCE 富文本区域、单选按钮、复选框和纽扣。4] 用户暂时在 Tiny MCE 文本区域中看到 HTML 源代码（在加载完整页面之前） 5] 页面完全加载后，用户会看到带有预填充数据的所需 HTML 输出。

上面提到的第 4 步使 USER 误以为发生了一些错误。有什么方法可以避免在 Tiny MCE 文本区域中暂时显示 HTML 源代码？

Answer 1

如果您有多个tinymce 编辑器，我相信您有多个init（对于每个textarea）

将链接到 tiny mce 的 textarea 的初始属性设置为隐藏（保留空间）

<textarea id ="txtarea1"cols="20" rows="20" style="visibility:hidden;">

当加载完成tinymce内容时，显示它。

// Add an observer to the onLoadContent event using tinyMCE.init
tinyMCE.init({
...
elements :"txtarea1",
setup : function(tmced) {
tmced.onLoadContent.add(function(tmced, obj) {
 $('.txtarea1').show();

});
}
});