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 下。
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>