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

勤学如春起之苗,不见其增,日有所长;辍学如磨刀之石,不见其损,日有所亏
[原]让emlog使用功能强大的Ueditor编辑器
  • 首页 > PHP
  • 作者:小昱
  • 2017年6月16日 17:59 星期五
  • 浏览:154
  • 字号:
  • 评论:0
  • 一、下载

    emlog版本: v5.3.1

    Ueditor版本: v1.4.3

    官方下载:http://ueditor.baidu.com/website/download.html#ueditor

    官网演示地址:http://ueditor.baidu.com/website/onlinedemo.html

    先下载PHP版本,然后,把编辑器的文件夹名改为ueditor,上传至你的emlog网站目录admin/ 下。

     

    二、文件修改

    1.找到以下文件

    admin\views\add_log.php

    admin\views\add_page.php

    admin\views\edit_log.php

    admin\views\edit_page.php

    2.修改代码

    将文件中以下对应代码

    <script charset="utf-8" src="./editor/kindeditor.js"></script>
    <script charset="utf-8" src="./editor/lang/zh_CN.js"></script>

    改为

    <!-- 配置文件 -->
    <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>

    将文件中以下对应代码

    loadEditor('content');
    loadEditor('excerpt');

    改为

    UE.getEditor('content');
    UE.getEditor('excerpt');

     

    三、代码高亮

    <!--加载js和css-->
    <script src="/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
    <link rel="stylesheet" href="/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" />
    // 语法高亮
    SyntaxHighlighter.all();

     

    四、Ueditor1.4.3文件上传配置补充说明

    Ueditor v1.4.3版本,上传配置和以前的版有所不同。如果你不对它的配置进行修改的话,那它会默认在网站根目录下新建个ueditor文件夹,上传的文件会放在其下的php/目录下。如果你和我一样博客网站的路径为/blog这样,那以后就会显得有些不便。上传文件还是统一的放到blog目录下吧!

    这个版本的上传配置文件为原源码包的ueditor/php/config.json

    打开修改为你自已想设置的路径即可,注意,必须设为绝对路径!即从网站的根目录 /  开始填写。

     

    例如:

    我的博客网站地址为:http://www.xiaoyulive.top

    百度编辑器地址为:http://www.xiaoyulive.top/ueditor

    我想把上传的所有文件放到ueditor/upload下,这个upload是我新建的文件夹。

    那我在config.json中,把上传的原路径的前部分全改为"/blog/admin/ueditor/upload/......(省略)",就OK了!

     


    参考资料

    让emlog5.3.1使用功能强大的Ueditor v1.4.3编辑器!

     

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

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