phpcmsV9.5.8整合百度编辑器Ueditor1.4.3教程

最近在搞phpcms视频功能,官方的视频功能实在是坑,刚开始是想将优酷的上传功能集成到ckeditor,在coding上有个项目,上传已经集成好了,还没有做上传后视频的获取和显示

项目地址:https://coding.net/savokiss/melos.git

这个项目是可以在线演示的,有兴趣的同学可以私信我或者fork一下

今天偶然看到了百度的ueditor,看了一下有视频上传功能,可以满足小规模视频需求,所以就开始搞了,

网上看了很多教程有个别的缺点,不太适用于最新版v9,所以自己整理了一下:修改前注意备份

1. 下载Ueditor

官网:http://ueditor.baidu.com/website/download.html

2.解压到phpcms目录

将压缩包内文件夹改名为ueditor解压到phpcms目录下面的./statics/js/下,目录结构如下:

3.修改ueditor/php/config.json

全局替换,

- 如果是本地项目,将/ueditor/php/upload/替换为/网站文件夹/uploadfile/

- 如果是线上项目,将/ueditor/php/upload/替换为/uploadfile/

4.修改./libs/classes/form.class.php文件

将静态方法editor里面所有内容替换为:

$str =‘‘;
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>‘;
return $str;

5.修改ueditor大小

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

找到/*UI工具栏、编辑区域、底部*/下面的css:.edui-default .edui-editor,在其中添加:

width:auto!important;//用于ueditor工具栏的宽度自适应

往下找到edui-editor-iframeholder,在其中也添加:

width:auto!important;//用于ueditor内容框宽度自适应

6.修改ueditor宽度

ueditor/ueditor.config.js中,

找到initialFrameHeight,将此行注释取消掉(默认的高度比较低)

注意:

1.如果需要自定义工具栏:

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

,toorbars : [[ ********** ]]

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

2.附件没有按照phpcms的命名规则修改,

如果需要修改,在config.json文件中:

按如下替换:注意涉及到image,file,video,需要替换三次

uploadfile/{yyyy}/{mm}{dd}/{yyyy}{mm}{dd}{rand:6}

3.phpcms自带的ckeditor是上传附件的时候是操作数据库的

所以后台附件管理有数据库模式,而咱没有写相关代码,所以如果需要管理附件只能用目录模式进行删除,这种情况下也就不需要注意路径问题了

4.本方法是在新安装的phpcms v9.5.8上面完成的,所以没有考虑已有附件在ueditor中的显示问题

如果是已存在的附件,需要替换如下图三个文件中的一些路径:

具体可以参考下帖对这三个文件的操作部分:http://bbs.phpcms.cn/thread-882637-1-1.html

上述方法改过之后暂时没有发现问题,如果有问题随时更新,欢迎交流!

时间: 2025-01-11 23:14:40

phpcmsV9.5.8整合百度编辑器Ueditor1.4.3教程的相关文章

dedecms整合百度编辑器(Ueditor)之上传图片加水印的办法

Ueditor抓取远程图片加水印方法 打开getRemoteImage.php, 找到://远程抓取图片配置 在上面添加: require_once('../../../dede/config.php');//dede为你的后台目录 require_once(DEDEADMIN."/inc/inc_archives_functions.php"); 继续修改getRemoteImage.php, 找到: fwrite( $fp2 , $img ); 在下面添加: @WaterImg($

帝国cms7.5整合百度编辑器ueditor教程

1.根据自己使用的帝国cms版本编码下载对应的ueditor版本 下载地址 http://ueditor.baidu.com/website/download.html#ueditor 2.解压附件,重命名为”ueditor“,将”ueditor“文件夹上传至帝国cms的/e/data/ecmseditor/下 3.进入帝国CMS后台,依次点击:系统 - 新建表与系统模型 - 管理数据表 - 管理字段,修改字段输入表单 4.修改”newstext 新闻正文“字段 5.将以下代码,覆盖到”输入表单

requirejs 整合百度编辑器ueditor

配置文件: path:{     'baidueditor': 'ueditor1_4_3-utf8-php/uemy',     'bdlang': 'ueditor1_4_3-utf8-php/lang/zh-cn/zh-cn',     'zeroclipboard': 'ueditor1_4_3-utf8-php/third-party/zeroclipboard/ZeroClipboard.min', }, shim:{     'baidueditor': { deps: ['ued

百度编辑器ueditor1.4.3配置记录

我从官网下载的php文件,但是图片上传不能用,后来查找资料,打开ueditor下的php/controller.php,(其他环境选对应的文件夹)把时区设置按如下改个字母大小写,再打开该文件就正确返回json.然后,ueditor就不会报“后台配置项没有正常加载,上传插件将不能正常使用!”了 原来设置的是:date_default_timezone_set("Asia/chongqing");把重庆的首字母改成大写,就可以了:date_default_timezone_set(&quo

Spring框架整合百度编辑器遇到的问题

ueditor文档:http://fex.baidu.com/ueditor/ 1:准备工作,下载demo 选jsp的 2:http://fex.baidu.com/ueditor/#server-jsp 3:框架拦截后缀为.jsp的文件请求,所以需要放过数据,免得取不到数据,改web.xml文件放过权限 4:页面中初始化遇到的问题: 直接初始化渲染不出来,或者第一次正常,二次加载不正常,需要先删在建才能正常渲染 UE.getEditor('container3').render('contai

jsp 百度编辑器配置 整合springmvc注意细节

百度配置器中默认处理的action可以处理各种请求不需要自己在单独写,尽量不要破坏百度编辑器中自带的jsp demo  我们可以直接使用 参数配置 前后端的配置统一写在后端(PHP版本的config在php/config.json),编辑器实例化时,异步读取后端配置信息,覆盖到前端的配置里. 后端获取的配置项 > 实例化传入的配置项 > ueditor.config.js文件的配置项. 我们需要配置的部分是 1.ueditor.config.js 中入口的位置 // 服务器统一请求接口路径,如

百度富文本编辑器UEditor1.3上传图片附件等

今天一直在整我的一个项目的编辑器上传图片,我用的是百度UEditor 1.3版本的:现在已经有了1.4的了,不过还算比较新吧,但是官网上面没有上传图片这些的教程,而网上对于这方面的资料很少啊,折腾了我半天,看了一些以前版本的上传图片的问题,最后终于搞定了. 先说说我的这个项目的配置情况吧 用的是SSH框架:struts2.3.16 spring3.2.5 hibernate3.3.2 ueditor 1.3-utf-8-jsp版 jdk 1.7 开发工具用的是myeclipse10.7 直接把项

thinkphp 对百度编辑器里的内容进行保存

模板代码 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>ueditor demo</title> </head> <body> <!-- 加载编辑器的容器 --> <script id="container" name="co

ThinkPHP整合百度Ueditor图文教程

ThinkPHP整合百度Ueditor图文教程 ThinkPHP整合百度Ueditor,基于黄永成老师的视频说明的申明:最好大家都能写绝对路径的都写好绝对路径比如:window.UEDITOR_HOME_URL 他在教程里面已经说了的,我就不再次说了啊,就一笔带过,好了不废话! 在调用编辑器的时候首先先初始化一些值: <script type="text/javascript" charset="utf-8"> window.UEDITOR_HOME_U