经常使用或者开发过dedecms系统的会知道,dedecms系统使用的是CKEditor编辑器,在使用CKEditor上传图片引用后,在dedecms编辑器上面有一个“提取第一个图片为缩略图”的功能,这个时候会把编辑器里面的第一张图片处理成为缩略图。有时候我们使用CKEditor上传图片时,希望把上传的图片直接设置为缩略图,然后CKEditor关闭对话框。

CKEditor关闭对话框

如果是在CKEditor里面的文件直接修改的,CKEditor关闭对话框非常简单,只需要添加 CKEDITOR.dialog.getCurrent().hide() 就可以了。

Dedecms引用CKEditor上传的图片设置缩略图

打开 ckeditor/plugins/image/dialogs/image.js 文件里面,在 C.preview.setAttribute('src', s.$.src); 行下面添加。

CKEDITOR.document.getById(B).on('click', function() {
  document.getElementById("picname").value = D;
  CKEDITOR.dialog.getCurrent().hide();
})

这个代码的意思是上传图片后,点击 CKEditor对话框显示的上传的图片,会把当前上传的图片路劲值传到 缩略图的输入框,并且会关闭当前CKEditor对话框。备注:缩略图直接用“本地上传”即可