1、
将ueditor引入项目后,.............运行。图片上传功能不能用,会提示说没有配置等等信息
报错:ueditor 后端配置项没有正常加载,上传插件不能正常使用!jsp版本
原因:是因为没有导入jar包,如图lib文件夹下的五个jar包
官方文档:http://fex.baidu.com/ueditor/#server-jsp
2、问题1的上传插件可以使用,上传图片,图片上传成功后不显示。chrome控制台报错:404
解决办法如下:给"imageUrlPrefix": ""设置为:"imageUrlPrefix": "http://localhost:8080/msxy-console/" /* http://localhost:8080/msxy-console/是服务器地址 */
3、在富文本编辑器编写的带有格式的内容在另一张页面显示时也带有格式:
用ue.getContent()获取内容,
var ue = UE.getEditor('editor');
//对编辑器的操作最好在编辑器ready之后再做
ue.ready(function() {
$('.save').click(function(){
var txt = ue.getContent(); //txt最好放在click方法内。//将txt存储到数据库中,然后加载数据库中的txt展示在新的页面上,显示的格式和在ueditor中编辑的格式一样
console.log(typeof txt); //string
$('.test').after(txt);
})
});
4、将编辑器上传图片存储到数据库:两种方法
1、通过前端:获取编辑内容的图片的地址,然后提交到后台接口,接口再存储到数据库中。然后另一张页面再通过调用后台接口,将图片展示在页面上。
2、通过后台:转载自:https://blog.csdn.net/lsx991947534/article/details/46586541
5、修改上传图片存储的路径。这样可以避免重启服务器后保存在服务器自己创建的文件夹下的图片消失。
/* 修改前 "imagePathFormat": "/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", 上传保存路径,可以自定义保存路 径和文件名格式 /
"imagePathFormat": "/resources/img/{yyyy}{mm}{dd}/{time}{rand:6}", / */
借鉴自:https://blog.csdn.net/zzq900503/article/details/77540331
5、图片上传到远程服务器
转载自:https://blog.csdn.net/zzq900503/article/details/77540331
6、富文本编辑完内容后保存,再次进入富文本编辑器所在的页面,会报错,如下:
使用UEditor的setContent的时候报错,报错代码如下 Uncaught TypeError: Cannot set property 'innerHTML' of undefined 错
解决办法:
原因是没有等UEditor创建完成就使用UEditor的setContent函数了,可以通过如下代码解决 方法一:
ueditor.addListener("ready", function () {
ueditor.setContent(code);
});
方法二:
ueditor.ready(function() {
ueditor.setContent(code);
});