其中一个应用是使用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源代码?
答案 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();
});
}
});