文档章节

PHPCMS_整合UEditor编辑器

喵王不瞌睡
 喵王不瞌睡
发布于 2014/03/07 11:14
字数 824
阅读 499
收藏 2

①先到官网下载资源包(先定制编辑器导航工具,再下载)
②上传到phpcms默认的js文件路径,上传后的文件路径如下

  1. \statics\js\ueditor\  

②打开/phpcms/libs/classes/form.class.php,找到如下代码:

  1. if(!defined('EDITOR_INIT')) {

  2.         $str = '<script type="text/javascript" src="'.JS_PATH.'ckeditor/ckeditor.js"></script>';

  3.         define('EDITOR_INIT', 1);

  4.         }  

替换成:

  1. if(!defined('EDITOR_INIT')) {

  2.         $str = '<script type="text/javascript" src="'.JS_PATH.'ueditor/editor_config.js"></script>';

  3.         $str .= '<script type="text/javascript" src="'.JS_PATH.'ueditor/editor_all.js"></script>';

  4.     $str .= '<link rel="stylesheet" href="'.JS_PATH.'ueditor/themes/default/ueditor.css"/>';

  5.         define('EDITOR_INIT', 1);

  6.         }

  7.         $str .= "<script type=\"text/javascript\">\r\n";

  8.      $str .= "var editor = new baidu.editor.ui.Editor();editor.render('$textareaid');";

  9.      $str .= '</script>';

 

③打开/statics/js/ueditor/editor_config.js,找到如下代码:

  1. var URL;  

  2. /**

  3.   * 此处配置写法适用于UEditor小组成员开发使用,外部部署用户请按照上述说明方式配置即可,建议保留下面两行,以兼容可在具体每个页面配置window.UEDITOR_HOME_URL的功能。

  4.   */

  5. var tmp = location.protocol.indexOf("file")==-1 ? location.pathname : location.href;  

  6. URL = window.UEDITOR_HOME_URL||tmp.substr(0,tmp.lastIndexOf("\/")+1).replace("_examples/","").replace("website/","");//这里你可以配置成ueditor目录在您网站的相对路径或者绝对路径(指以http开头的绝对路径)

 

  1. var URL;  

  2. var tmp = window.location.pathname,  

  3.   URL= "/statics/js/ueditor/"

  4. /**

  5.    * 此处配置写法适用于UEditor小组成员开发使用,外部部署用户请按照上述说明方式配置即可,建议保留下面两行,以兼容可在具体每个页面配置window.UEDITOR_HOME_URL的功能。

  6.    */

  7. //var tmp = location.protocol.indexOf("file")==-1 ? location.pathname : location.href;

  8. //URL = window.UEDITOR_HOME_URL||tmp.substr(0,tmp.lastIndexOf("\/")+1).replace("_examples/","").replace("website/","");//这里你可以配置成ueditor目录在您网站的相对路径或者绝对路径(指以http开头的绝对路径)

 

就是把默认的“var tmp”和“URL”注释掉,换成百度编辑器的地址;


④修改完毕后,在/statics/js/ueditor/editor_config.js找到112、113行,修改编辑器默认宽度和高度,因为phpcms默认编辑器没有那么大:

  1. //,initialFrameWidth:1000  //初始化编辑器宽度,默认1000

  2. //,initialFrameHeight:320  //初始化编辑器高度,默认320

替换成:

  1. ,initialFrameWidth:655  //初始化编辑器宽度,默认1000

  2. ,initialFrameHeight:400  //初始化编辑器高度,默认320

如此,在添加文章时,编辑器就不会变形。

 

 

 

1.修改分页,支持V9的[page]:

在editor_config.js文件里的300行左右,找到

  1. //pageBreakTag

把这个字段修改成:

  1. //pageBreakTag

  2.         //分页标识符,默认是_baidu_page_break_tag_

  3.         ,pageBreakTag:'[page]'


2.附件上传问题:
默认支持附件格式为:rar,doc , docx", zip , pdf , txt , swf , wmv ,而且没有附件管理,望高手补充。
附件目录、支持格式的配置修改:

/ueditor/php/fileUp.php


3.截图问题:
官方回复截图的功能不会更新。http://www.ueditorbbs.com/forum.php?mod=viewthread&tid=22037

4.背景设置问题:
貌似没有本地上传功能,可以先上传然后再设置。使用步骤:先打开背景功能,然后选择背景图

5.在修改/js/ueditor/editor_config.js时,有同学说要改成

  1. URL= "statics/js/ueditor/"

复制代码

我也不知道为啥,反正我是改成

  1. URL= "/statics/js/ueditor/"

复制代码

大家可以试下自己的环境适合改成什么。小问题

6.图片上传位置修改问题,本来我想把图片上传地址移到网站根目录,结果可以上传但图片地址却有问题。看到新版1.2.6的源文件后,我准备换编辑器了。。。。不会php的人,玩不转。

© 著作权归作者所有

喵王不瞌睡
粉丝 11
博文 168
码字总数 51103
作品 0
浦东
个人站长
私信 提问
PHPCMS整合百度编辑器UEditor——可能是史上最完整教程(之一)

phpcms自带富文本编辑器为ckeditor,功能不必多说,排版尤其不便;决定替换为百度UEditor。 这里phpcms版本为V9.5.9,UEditor版本为[1.4.3.3 PHP版本]——UTF-8版。其余版本大致相同,具体替...

makingdifference
2016/09/03
557
0
phpcms将ckeditor替换成ueditor 1.2.6的配置教程

最近在玩phpcms时,发现phpcms后台录入内容的编辑器是用的ckeditor,总体感觉这个编辑器功能相对太少,而且还不支持插入代码。于是乎度娘了半天,找到一个ueditor和kindeditor,最终选择了u...

随风随影
2013/08/20
1K
0
v9切换ueditor后图片上传路径问题 改成绝对路径

使用V9切换成ueditor编辑器后,图片上传路径显示的是相对路径,同时会把content字段第一张图这个路径同步到缩略图的thumb字段。thumb字段如果是相对路径的话,前端就不能进行裁剪,APP或者其...

刀心
2014/10/28
0
0
dedecms整合ueditor

本来没准备换编辑器,但是dede自带的编辑器实在是太难用了。所以准备自己动手整合一下百度的ueditor编辑器。 1,首先得自己下一个ueditor的源码包,传送门-》http://ueditor.baidu.com/,我下...

hcwccc
2014/04/11
118
0
ueditor上传大容量视频报http请求错误的解决方法

故障现象: 当使用百度编辑器ueditor上传大容量视频或大容量图片的时候,编辑器报“http请求错误”的解决方法详解; 原因分析: 目前很多CMS整合了百度的ueditor编辑器,但是上传稍微大一点的...

luminji
2015/11/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

CSS定位

CSS定位 relative相对定位 absolute绝对定位 fixed和sticky及zIndex relative相对定位 position特性:css position属性用于指定一个元素在文档中的定位方式。top、right、bottom、left属性则...

studywin
14分钟前
2
0
从零基础到拿到网易Java实习offer,我做对了哪些事

作为一个非科班小白,我在读研期间基本是自学Java,从一开始几乎零基础,只有一点点数据结构和Java方面的基础,到最终获得网易游戏的Java实习offer,我大概用了半年左右的时间。本文将会讲到...

Java技术江湖
昨天
5
0
程序性能checklist

程序性能checklist

Moks角木
昨天
7
0
VUE 计算属性

本文转载于:专业的前端网站▶VUE 计算属性 1、示例代码 <!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <title>vue示例</title> </hea......

前端老手
昨天
6
0
快速搭建LNMT平台和环境部署 Tomcat详解

Tomcat部署的基本概念 1. CATALINA_HOME与CATALINA_BASE分别指什么?     CATALINA_HOME指的是Tomcat的安装目录     bin:\\Tomcat一些脚本存放目录,比如启动脚本startup.bat/start...

网络小虾米
昨天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部