有什么方法可以避免在 TinyMCE 文本区域中暂时显示 HTML 源代码？

Question

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

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

上面提到的第 4 步让 USER 误以为发生了一些错误。 有什么办法可以避免在 Tiny MCE Text Area 中瞬间显示 HTML 源代码？

Answer 1

如果您有多个 tinymce 编辑器，我相信您有多个 inits（针对每个 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();

});
}
});