PHPCMS v9.5.6整合UEditer1.4.3详细教程

所属分类: CMS教程 / phpcms 阅读数: 590
收藏 0 赞 0 分享

首先去UEditor官网下载所需对应版本:http://ueditor.baidu.com/website/download.html

这里以1.4.3 PHP 版本,UTF-8版 为例=>

1. 将所下载的程序包解压,得到程序包目录,将程序包目录更名为ueditor。

2. 将ueditor包放入PHPCMS_PATH/statics/js/中。(PHPCMS_PATH为phpcms的入口文件所在路径)

3. 修改ueditor/php/config.json,将上传路径/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6} 改为

/phpcms/uploadfile/{yyyy}/{mm}{dd}/{yyyy}{mm}{dd}{rand:6},符合PHPCMS的路径规则。

4. 修改ueditor/ueditor.config.js配置文件,

  1) 自定义工具栏内容: ,toorbars : [[ ********** ]]

  这个工具栏图标你可以参照官方文档进行修改,去掉不需要的功能:http://fex.baidu.com/ueditor/#start-toolbar

  2) 自定义编辑器宽高: ,initialFrameWidth:700   //初始化编辑器宽度,默认1000

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

 5. 修改PC_PATH/libs/classes/form.class.php文件,

  将原来的:


复制代码
代码如下:

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 .= '<link rel="stylesheet" href="'.JS_PATH.'ueditor/themes/default/css/ueditor.css"/>';
define('EDITOR_INIT', 1);}
$str .= "<script type=\"text/javascript\">\r\n";
$str .= "var editor = UE.getEditor('$textareaid');";
$str .= '</script>';

6. 在ueditor/themes/default/css/ueditor.css中,

  /*UI工具栏,编辑区域,底部样式*/ 里

  增加一行: width:auto !important;   //注:增加此行,使编辑器自适应

7. 去编辑器下方除子标题显示:去掉phpcms/libs/classes/form.class.php中 如下代码,


复制代码
代码如下:

$ext_str = "<div class='editor_bottom'>";
  if(!defined('IMAGES_INIT')) {
  $ext_str .= '<script type="text/javascript" src="'.JS_PATH.'swfupload/swf2ckeditor.js"></script>';
  define('IMAGES_INIT', 1);
}
  $ext_str .= "<div id='page_title_div'>
  <table cellpadding='0' cellspacing='1' border='0'><tr><td class='title'>".L('subtitle')."<span id='msg_page_title_value'></span></td><td>
  <a class='close' href='javascript:;' onclick='javascript:$(\"#page_title_div\").hide();'><span>×</span></a></td>
  <tr><td colspan='2'><input name='page_title_value' id='page_title_value' class='input-text' value='' size='30'>&nbsp;<input type='button' class='button' value='".L('submit')."' onclick=insert_page_title(\"$textareaid\",1)></td></tr>
  </table></div>";
  $ext_str .= "</div>";

至此,已完成修改,欢迎留言交流。

更多精彩内容其他人还在看

修改phpcms v9后台登录地址的方法

这篇文章主要介绍了修改phpcms v9后台登录地址的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

phpcms v9英语语言包应用详解

这篇文章主要介绍了phpcms v9英语语言包应用方法,需要的朋友可以参考下
收藏 0 赞 0 分享

phpcms v9安全检测api漏洞修改方法

为什么360总是提示Phpcms v9有api漏洞?今天在这里与大家探讨Phpcms V9安全检测api漏洞修改方法
收藏 0 赞 0 分享

phpcms自定义碎片插件之内容碎片标签模块使用方法

这篇文章主要介绍了phpcms自定义碎片插件之内容碎片标签模块使用方法,需要的朋友可以参考下
收藏 0 赞 0 分享

phpcms v9碎片管理及调用技巧分享

这篇文章主要介绍了phpcms v9碎片管理及调用技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

phpcms v9更换模板的具体操作方法

这篇文章主要介绍了phpcms v9更换模板的具体操作方法,需要的朋友可以参考下
收藏 0 赞 0 分享

phpcms V9自定义评论字段UTF8_CMSYOU修正版

这篇文章主要介绍了phpcms V9自定义评论字段UTF8_CMSYOU修正版,需要的朋友可以参考下
收藏 0 赞 0 分享

phpcms v9使用GET调用指定id文章内容、页面数据方法(get标签什么方法)

这篇文章主要介绍了phpcms v9使用GET调用指定id文章内容、页面数据方法(get标签什么方法),需要的朋友可以参考下
收藏 0 赞 0 分享

phpcms v9栏目列表调用每一篇文章内容方法

怎么样在Phpcms V9栏目列表调用每一篇文章内容?在此,与大家分享这一方法。
收藏 0 赞 0 分享

phpcms v9后台登陆模板修改方法和程序版本更新提示修改方法

这篇文章主要介绍了phpcms v9后台登陆模板修改方法和程序版本更新提示修改方法,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多