【CKeditor】使用SpringMVC处理CKeditor上传图片

0、了解CKeditor的相关文件

1、开启CKeditor上传图片功能

官方说明

简明的说,就是只需要在创建CKeditor时,添加以下两个配置:

在用CKEDITOR.replace()中配置

filebrowserBrowseUrl: ‘自定义的请求‘,
filebrowserUploadUrl: ‘自定义的请求

或,在config.js添加如下配置

config.filebrowserBrowseUrl=‘自定义的请求‘,
config.filebrowserUploadUrl=‘自定义的请求‘ 

2、编写自定义的请求



问题及解决方案:

1、解决ckeditor上传,返回时显示js代码不显示图片的问题

解决ckeditor上传,返回时显示js代码不显示图片的问题  

2、跨域问题

chrome console log:

Refused to display ‘http://localhost:8080/webcnmain/ifacompany/article/uploadArticleImageForCkeditor?CKEditor=articleContentZH&CKEditorFuncNum=1&langCode=zh-cn‘ in a frame because it set ‘X-Frame-Options‘ to ‘DENY‘.

response.setHeader("X-Frame-Options", "SAMEORIGIN");

【CKeditor】使用SpringMVC处理CKeditor上传图片,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。