小昱个人博客
欢迎来到小昱的世界

勤学如春起之苗,不见其增,日有所长;辍学如磨刀之石,不见其损,日有所亏
emlog编辑器探寻之旅
  • 首页 > PHP
  • 作者:小昱
  • 2017年8月15日 21:41 星期二
  • 浏览:164
  • 字号:
  • 评论:0
  • 一直想要寻找一个好用的emlog文本编辑器,寻觅了很久,从默认的KindEditor编辑器开始,用了连天就感觉特别难用,很多需求根本满足不了。后来想要在emlog内嵌一个markdown编辑器,用了插件,不过效果不是太好,支持不是太好。就自己撸了一个markdown编辑器,感觉还是不好用,由于markdown只支持最基本的HTML结构,不能自定义很多样式。最终还是打算回归富文本编辑器。

     

    在网上搜寻了很多编辑器,优秀的编辑器屈指可数,百度的UEditor算是不错的了,不过很多功能还不太完善,用了1个月,还是受不了。后来发现了CKEditor,是我目前见过的最好用的编辑器了,可以自定义插件,主题,扩展性强。

     

    之前写过一篇 让emlog使用功能强大的Ueditor编辑器 可以参考

     

    下面谈谈如何更换emlog自带的KindEditor吧。

    1. 去官网下载最新的CKEditor,最好是下载Full Package,功能齐全。

    2. 将下载好的压缩包解压到 emlog站点根目录/admin/ckeditor

    3. 修改 admin/views/ 文件夹下的 add_log.php(用于添加文章)和 edit_log.php 文件,找到

    <script charset="utf-8" src="./editor/kindeditor.js?v=<?php echo Option::EMLOG_VERSION; ?>"></script>
    <script charset="utf-8" src="./editor/lang/zh_CN.js?v=<?php echo Option::EMLOG_VERSION; ?>"></script>
    <script>
    loadEditor('content');
    loadEditor('excerpt');
    </script>

    替换为

    <script type="text/javascript" src="./ckeditor/ckeditor.js"></script>
    <script>
      CKEDITOR.replace( 'content' );
    </script>

    如果要使用UEditor,则改为

    <script type="text/javascript" src="./ueditor/ueditor.config.js"></script>
     编辑器源码文件 
    <script type="text/javascript" src="./ueditor/ueditor.all.js"></script>
     语言包文件 
    <script type="text/javascript" src="./ueditor/lang/zh-cn/zh-cn.js"></script>
    <script>
      UE.getEditor('content');
    </script>

    4. 修改配置文件 ckeditor/config.js

    详细配置将在下一篇博文中写出

     


    参考资料

    EMLOG更换KindEditor编辑器为CKEditor 4.4.5

    EMLOG升级默认编辑器kindeditor最新版

    CKSource

     

     

     

     

      您阅读这篇文章共花了:  
    二维码加载中...
    本文作者:小昱      文章标题: emlog编辑器探寻之旅
    本文地址:http://www.xiaoyulive.top/?post=119
    版权声明:若无注明,本文皆为“小昱个人博客”原创,转载请保留文章出处。
    返回顶部| 首页| 碰碰手气| 捐赠支持| 手机版本|后花园

    Copyright © 2016-2017 小昱个人博客 滇ICP备16006294号