网站内容编辑器(《百度富文本编辑》第2季第16集文章管理)
优采云 发布时间: 2021-10-11 18:20网站内容编辑器(《百度富文本编辑》第2季第16集文章管理)
我做了一个文章管理系统,使用了百度的富文本编辑器。因为简单好用,我直接用iframe将编辑器的demo加载到页面中,如下图
源代码:
提交时js代码如图
//ueditor参数的获取
var iframe = document.getElementById("iframe_content");
var iframewindow = iframe.contentWindow;
var ue = iframewindow.UE.getEditor('editor');
var Content = escape(ue.getContent());
提交成功。
然后编辑了一下,发现报错了。提示信息如图:
终于找到问题的结局了。原因是在加载控件之前调用了富文本编辑器的方法。结果js无法调用富文本编辑器的内部方法,导致报错。
解决方法如下:
js的初始加载方式
替换为
等待加载富文本编辑器,加载内部方法
在调用富文本编辑器之前让js自己等待页面加载完成,这样才能被调用,最终渲染如下:
好的,有不对的地方请指正!