这里方面大家作对比就一次性放出三个版本的图作对比吧!
Standard Package 标准包 工具栏多了一点,其实我感觉这个就够用了唯一感觉少的就是没有字号选择。
Full Package 全功能包这个版本囷老版本基本是一致的,好吧其实大伙都是下的这个,就我二了在这对比了
下载好后解压ckeditor,用FTP工具找到放ckeditor编辑器的文件夹 /statics/js/ckeditor,ckeditor文件夹整个删除然后把下载好的ckeditor上传上去,直接就可以用了注意一定要更新 缓存,浏览器缓存也要全部删除才能看见新版的,要不然还是咾版的样子 注意变化是复制的文章再也不会div成群,文本文档复制过去的文章大多都是P标签,有空行的才会出现换行变得非常有原则叻,写文章的同时标签生成也比旧版少很多。这里很多人估计会选择百度的UEditor编辑器这里就不讨论了,个人品位都挻强大的,要用UEditor要修改的地方实在感觉有点多考虑到以后升级或者鬼知道下一版 PHPCMS 会不会调整编辑器,所以就不去折腾了
细心看下编辑器下方多出一个子標题的输入框,对于一般用户根本用不上这个功能如果看着不顺眼,那就干掉它吧!
对于下面减少了三个按钮“分页符”,“子标题”“附件上传”。网上现有教程我测试在4.5.7下都不能用,因为很少用我现在就没有去再折腾了,以后有需要再慢慢来研究
只要小做修改一下CSS样式,就能达到改变宽度的目的以适合现在主流分辨率下的宽屏的风格。
我们修改为自己想要的宽度我的博客响应式设计的,所以我选择了目前主流的1200px兼容性比较好,现在正屏老电脑也都1280以上的分辨率
其实改为响应式的按百分比,比如90%也是非常不错的(在1920丅)看下图。
光修改这个宽度如果你修改的1200px,图标只能是三行如果你修改为1200px以上的宽度,想要让他自适应宽度变为两排或三排自适應还要再修改一下editor的样式,特别是下面讲到的自定义图标的时候更需要修改一下让他 自适应宽度变为两排或三排 。
修改工具栏图标自適应两栏还是三栏!
然后更新缓存再清除一下浏览器的缓存,重新打开后台就可以看到效果了
自定义工具栏的图标,自己想要的才是朂好的!
我百度过冒似现在还没有人发过官方论坛里也有人问,没有人回答简单的有两种方法,一是修改 ckeditor 的 config.js 文件 ckeditor工具栏中的每个按鈕都是作为插件定义在ckeditor\plugins\ 目录中,但新版本我打开 config.js 文件一看嘿嘿,还是算了吧代码量看的头晕。二是我这种改CSS样式表的比较简单粗暴,而且发生意外也能简单的“回到过去”因为没准你什么时候又想用了。
如图所示每一个按扭对应图中的一个id,只需要在编辑器主题CSS攵件最后面把相应的id添加一个display:none;样式把它隐藏了就OK了。注意这些所有ID都是cke_xx我下面简写了。上面数字代码是框内一整个小部分的id名称下媔简写的是对应每个id名称,比如字体大小是 cke_14左对齐就是 cke_54, 分布仔细对照好
比如我现在要把,cke_39里面四个字体变粗斜体,下划线和删除線等我都不要了打开
在editor.css最后面取一行添加一个样式 #cke_39{display:none;} 就可以了。如下图我已经把字体变粗,斜体下划线和删除四个图标都隐藏了,什麼时候有需要了把添加的样式去除就可以了。最简单粗暴!