ckeditor4相关插件（未集成的插件只做介绍）

杰克工作室

这里的插件顶呱呱呀顶呱呱

1、文件浏览器插件：未集成

https://ckeditor.com/cke4/addon/filebrowser

 

2、远程图片下载插件：已集成

http://biji.sebcxy.com/forum.php?mod=viewthread&tid=49&extra=page%3D1
单独插件：http://biji.sebcxy.com/forum.php?mod=viewthread&tid=285&extra=page%3D1

 

3、超强删除插件：已集成

此功能可以删除当前编辑器内的站内图片、文件（需要登录才能使用此功能）
 

4、数学公式插件：已集成

适合数理化教学使用。
http://biji.sebcxy.com/forum.php?mod=viewthread&tid=49&extra=page%3D1
 

5、上传粘贴板中的图片插件：已集成

此功能在ckeditor19.1原版本中已经集成了，无须额外开发。和普通上传使用同一个接口。只需配置上传接口即可。
注：word中的图片也可以和文字直接复制到ckeditor中来了。

杰克工作室

6、图片居中插件：已集成

ckeditor4默认是没有图片居中的功能，想要此功能，要么加插件，要么修改源代码。

方法1、使用enhanced image插件使图片居中
优点：不用修改ckeditor源代码
缺点：1.使用之后图片属性界面改变，可能影响原本的功能。2.还要安装一大堆插件，因为该插件依赖其他的插件



方法2：修改源代码：

修改plugins/image/dialogs/image.js

翻墙找了很多解决方法都没用，只能自己上了 
image.js/github源码

修改如下 ，找到cmbAlign，对着改就成了。主要是颜色变动的地方要做修改：

{
  id: "cmbAlign",
  requiredContent: "img{float}",
  type: "select",
  widths: ["35%", "65%"],
  style: "width:90px",
  label: d.lang.common.align,
  "default": "",
    items: [[d.lang.common.notSet, ""], [d.lang.common.left, "left"], [d.lang.common.right, "right"], [d.lang.common.alignCenter, "center"]],
  onChange: function () {
      e(this.getDialog());
        g.call(this, "advanced:txtdlgGenStyle")
  },
  setup: function (a, b) {
      if (1 == a) {
           var c = b.getStyle("float");
           switch (c) {
              case "inherit":
              case "none":
                 c = "center"
           }
          !c && (c = (b.getAttribute("align") || "").toLowerCase());
          this.setValue(c)
      }
  },
  commit: function (a, b) {
      var c = this.getValue();
      if (1 == a || 4 == a) {
          if(c){
              switch(c){
                 case'left':
                  b.setStyle('float',c);
                  break;
                 case'right':
                  b.setStyle('float',c);
                  break;
                 case'center':
                  b.setStyle('float','none');
                  b.setStyle('display','block');
                  b.setStyle('margin-left','auto');
                  b.setStyle('margin-right','auto');
                  break;
                 default:
                  b.setStyle('float',c);
              }
           }
           // c ? b.setStyle("float", c) : b.removeStyle("float") 这一句原来是在下面if语句中的，删掉即可
           if (1 == a) switch (c = (b.getAttribute("align") || "").toLowerCase(), c) {
              case "left":
              case "right":
               b.removeAttribute("align")
           }
      } else 8 == a && b.removeStyle("float")
    }
  }

参考网址：
https://blog.csdn.net/qq_35746344/article/details/80470372
https://blog.csdn.net/lspjuzi/article/details/138284913

杰克工作室

7、阿里表情包：已集成

默认的表情包太木讷，换一个啊里表情包，瞬间感觉高大上。适合用于个人博客类