本文作者:心月

phpcmsv9整合百度富文本Ueditor编辑器,亲测可用

心月IT博客 2019-02-28
phpcmsv9整合百度富文本Ueditor编辑器,亲测可用摘要:phpcms版本:phpcms_v9 6 3_UTF8ueditor版本:ueditor1_4_3_3-utf8-php1、富文本编辑器Ueditor下载:下载官网:https: ueditor baidu com website download html2、上传编辑器:将下载下来的编辑器在本地解压,重命名ueditor,ueditor文件夹内的内容如下图所示:3、修改ueditor配置

phpcms版本:phpcms_v9.6.3_UTF8
ueditor版本:ueditor1_4_3_3-utf8-php

1、富文本编辑器Ueditor下载:

下载官网:https://ueditor.baidu.com/website/download.html

2、上传编辑器:

将下载下来的编辑器在本地解压,重命名ueditor,ueditor文件夹内的内容如下图所示:

然后把整个 ueditor 文件夹上传到 /statics/js 下。

ueditor文件夹内容列表

3、修改ueditor配置文件:

修改ueditor/php/config.json文件,全局替换(共8处)
– 如果是线上项目,将/ueditor/php/upload/ 替换为 /uploadfile/

(图片/视频上传后的保存路径自己看情况修改,也可已不改)

4、修改phpcms默认编辑器ckeditor为Ueditor:

修改/phpcms/libs/classes/form.class.php文件,把编辑器调用方法editor{}中的下列内容:

if(!defined('EDITOR_INIT')) {
            $str = '<script type="text/javascript" src="'.JS_PATH.'ckeditor/ckeditor.js"></script>';
            define('EDITOR_INIT', 1);
        }

替换为:

if(!defined('EDITOR_INIT')) {
            $str .= '<script type="text/javascript" src="'.JS_PATH.'ueditor/ueditor.config.js"></script>'; 
            $str .= '<script type="text/javascript" src="'.JS_PATH.'ueditor/ueditor.all.js"></script>'; 
            $str .= '<script type="text/javascript" src="'.JS_PATH.'ueditor/ueditor.parse.js"></script>'; 
            $str .= ''; 
            define('EDITOR_INIT', 1);
        } 
        $str .= "<script type=text/javascript>"; 
        $str .= "var editor = UE.getEditor('$textareaid');"; 
        $str .= '</script>';

5、修改配置ueditor.config.js编辑器高度,去掉高宽前面的注释及编辑器显示问题,

变更为:

ueditor/ueditor.config.js

,zIndex : 0              //编辑器层级的基数,默认是900
,initialFrameWidth:1000  //初始化编辑器宽度,默认1000
,initialFrameHeight:320  //初始化编辑器高度,默认320

ps:这里补充说明下,网上之前教程都需要修改

window.UEDITOR_HOME_URL = “/statics/js/ueditor/”;
var URL = window.UEDITOR_HOME_URL || getUEBasePath();

若无法获取目录,直接可将URL设置为目标地址

var URL= "/statics/js/ueditor/";

6、前台内容页,为了保证在内容中的代码可以网页源码的形式显示,需要在内容也模板中加入如下js代码:

<script type="text/javascript" src="{JS_PATH}ueditor/ueditor.parse.js"></script>     
<script type="text/javascript">     
	setTimeout(function(){ uParse('.entry', { 'highlightJsUrl':'{JS_PATH}/ueditor/third-party/SyntaxHighlighter/shCore.js', 'highlightCssUrl':'{JS_PATH}ueditor/third-party/SyntaxHighlighter/shCoreDefault.css' }) }, 300);    
</script>
文章版权及转载声明:

本文由 心月IT技术博客 博主整理于 2019-02-28
若转载请注明原文及出处:https://www.xinyueseo.com/biaoqian/146.html

分享到:
赞(
发表评论
快捷输入:

验证码

    评论列表 (有 0 条评论,人围观)参与讨论