原创

ueditor 报TypeError: me.body is undefined错误

        ueditor文本编辑器在使用Js编辑文本时是将需要编辑的内容setContent到编辑器中,但是报出错误信息,具体错误如下:TypeError: me.body is undefined 或 Uncaught TypeError: Cannot set property 'innerHTML' of undefined.下面具体说一下原因以及解决办法。


分析原因:

ueditor文本编辑器没有等ueditor创建完成,就使用ueditor中的setContent函数进行复制操作了。


解决方法:

方案一:在执行ueditor.setContent('欢迎收藏:www.yoodb.com');函数时在外面嵌套一层setTimeout方法。

setTimeOut和setInterval函数使用方法参考地址:http://blog.yoodb.com/yoodb/article/detail/290


方案二:在调用的JS模块中增加代码如下:

ueditor.ready(function() {
	ueditor.setContent('欢迎收藏:www.yoodb.com');
});


方案三:在调用的JS模块中增加代码如下:

ueditor.addListener("ready", function () {
	ueditor.setContent('欢迎收藏:www.yoodb.com');
});


ueditor文本编辑器,工具栏上的所有的功能按钮和下拉框具体如下:

toolbars: [[
            'fullscreen', 'source', '|', 'undo', 'redo', '|',
            'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
            'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
            'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
            'directionalityltr', 'directionalityrtl', 'indent', '|',
            'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
            'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
            'simpleupload', 'insertimage', 'emotion', 'scrawl', 'insertvideo', 'music', 'attachment', 'map', 'gmap', 'insertframe', 'insertcode', 'webapp', 'pagebreak', 'template', 'background', '|',
            'horizontal', 'date', 'time', 'spechars', 'snapscreen', 'wordimage', '|',
            'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',
            'print', 'preview', 'searchreplace', 'help', 'drafts'
        ]]


工具栏上的所有的功能按钮和下拉框,可以在new编辑器的实例时选择自己需要的从新定义,具体代码如下:

$(document).ready(function(){
	var content = new UE.ui.Editor({ toolbars:[[
	'source', '|', 
	'undo', 'redo', '|',
	'bold', 'italic', 'underline', 'strikethrough', '|',
	'forecolor','cleardoc', '|',
	'fontfamily', 'fontsize','justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 
	'simpleupload', 'insertimage','insertcode'
	]],initialFrameHeight: 600});
	content.render("content");					
});


ueditor文本编辑器在编辑内容时默认有自动保存功能取消此功能,参考地址:http://blog.yoodb.com/yoodb/article/detail/195

如果有更多相关问题请在本站(www.yoodb.com)搜索“ueditor”.

关注下方微信公众号“Java精选”(w_z90110),回复关键字领取资料:如HadoopDubboCAS源码等等,免费领取资料视频和项目。 

涵盖:程序人生、搞笑视频、算法与数据结构、黑客技术与网络安全、前端开发、Java、Python、Redis缓存、Spring源码、各大主流框架、Web开发、大数据技术、Storm、Hadoop、MapReduce、Spark、elasticsearch、单点登录统一认证、分布式框架、集群、安卓开发、iOS开发、C/C++、.NET、Linux、Mysql、Oracle、NoSQL非关系型数据库、运维等。

评论

分享:

支付宝

微信