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

本文链接：https://blog.youkuaiyun.com/li_haijiang/article/details/95306016

本文围绕CKEditor4.3展开，介绍了其配置和部署参考。针对编辑器工具栏无图片上传按钮、预览有火星文的问题，给出修改配置的两种方法。还探讨了让图片上传按钮出现的两种方式，并提及服务端需对上传进行接受处理及返回格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本人用的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"
}