有没有办法避免在TinyMCE Text Area中瞬间显示HTML源代码?

时间:2013-06-10 08:51:53

标签: html5 tinymce textarea

其中一个应用是使用TinyMCE Text区域中的URL加载少量图像。 当页面加载时,它会立即显示textarea的HTML源代码,然后显示HTML输出。

事件顺序如下: 1]用户点击网址www.testurlforexplaination.com 2]用户请求以HTML格式预填充数据
3] HTML表单包括文本区域,微小MCE富文本区域,单选按钮,复选框和按钮。 4]用户暂时在Tiny MCE文本区域中看到HTML源代码(在加载完整页面之前) 5]页面完全加载后,用户会看到带有预先填充数据的所需HTML输出。

上面提到的步骤#4让USER感到困惑,因为它发生了一些错误。 有没有办法避免在Tiny MCE Text Area中暂时显示HTML源代码?

1 个答案:

答案 0 :(得分:2)

如果你有多个tinymce编辑器,我相信你有多个inits(每个textarea)

将链接到微小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();

});
}
});