原创

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),回复关键词领取资料:如Mysql、Hadoop、Dubbo、Spring Boot等,免费领取视频教程、资料文档和项目源码。

Java精选专注程序员推送一些Java开发知识,包括基础知识、各大流行框架(Mybatis、Spring、Spring Boot等)、大数据技术(Storm、Hadoop、MapReduce、Spark等)、数据库(Mysql、Oracle、NoSQL等)、算法与数据结构、面试专题、面试技巧经验、职业规划以及优质开源项目等。其中一部分由小编总结整理,另一部分来源于网络上优质资源,希望对大家的学习和工作有所帮助。

评论

分享:

支付宝

微信