CKEditor开启上传本地图片功能,去掉图片上传预览框里面的英文字母

本人用的CKEditor版本为4.3 CKEditor配置和部署参考CKEditor4.x部署和配置。
CKEditor编辑器的工具栏中初始的时候应该是这样子的,没有图片上传按钮
在这里插入图片描述
并且预览中有一堆火星文,可以修改相应配置删除它。
第一种方法:打开ckeditor/plugins/image/dialogs/image.js文件,搜索“b.config.image_previewText”,(b.config.image_previewText||’’)单引号中的内容全删了,注意别删多了。(由于ckeditor的很多js文件都是压缩过的,格式很难看,很容易删错,所以不推荐此种方法)
第二种方法:打开config.js文件,加入下面一句话
config.image_previewText=' '; //预览区域显示内容

下面研究图片上传
要想出现上传按钮,两种方法
第一种:还是刚才那个image.js
搜索“upload”可以找到这一段 id:"Upload",hidden:true,而我使用的4.3的是
id:"Upload",hidden:!0,反正改为false就行了,(遗憾的是此种方法对我这个版本不起作用)
第二种:打开config.js文件,加入下面一句话
config.filebrowserImageUploadUrl= "admin/UserArticleFileUpload.do"; //待会要上传的action或servlet

然后就要在服务端接受处理了

/ **
  * 上传图片
  * /

返回格式

{
    "uploaded": 1,
    "fileName": "foo.jpg",
    "url": "/files/foo.jpg"
}

猜你喜欢

转载自blog.csdn.net/li_haijiang/article/details/95306016
今日推荐