|
|
|
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有账号？立即注册
x
帝国CMS整合百度编辑器
本文关键字词：百度编辑器，帝国编辑器，整合百度编辑器，UEditor，帝国CMS整合百度编辑器
UEditor深度整合帝国ECMS。UEditor提供非常完善的后端通信API接口，使得UE编辑器整合CMS项目相当简单方便。所有图片、附件、视频等文件存放目录与后台数据记录，都延续使用ECMS的存放方式。本项目将持续已插件形式更新最新的UEditor和ECMS。
百度编辑器(ueditor)使用说明：
•第一步：下载百度编辑器原版(PHP版)，解压到帝国/e/extend/ueditor/目录下， [下载地址]
•第二步：使用本项目上controller.php action_crawler.php文件替换/e/extend/ueditor/php/目录下的controller.php action_crawler.php文件。
•复制ueditor.toolbarconfig.js在/e/extend/ueditor/目录下
•第三步：修改帝国CMS字段HTML，在编辑器字段增加处理和编辑器引入代码。[字段管理方法]
- <?php
- $ziduan = 'newstext'; //编辑器使用的字段名称
- if ($enews == 'MAddInfo' || $enews == 'MEditInfo') { //前台投稿
- $qiantai = 1;
- $ziduanzhi = $ecmsfirstpost == 1 ? "" : DoReqValue($mid, $ziduan, stripSlashes($r[$ziduan]));
- } else { //后台
- $qiantai = 0;
- $ziduanzhi = $ecmsfirstpost == 1 ? "" : stripSlashes($r[$ziduan]);
- }
- ?>
- <script>var ClassId='<?=$classid?>',InfoId='<?=$id?>',FilePass='<?=$filepass?>',Ehash='<?=$ecms_hashur['ehref']?>',QianTai='<?=$qiantai?>';</script>
- <script type="text/javascript" charset="utf-8" src="/e/extend/ueditor/ueditor.config.js"></script>
- <script type="text/javascript" charset="utf-8" src="/e/extend/ueditor/ueditor.all.min.js"></script>
- <script type="text/javascript" charset="utf-8" src="/e/extend/ueditor/ueditor.toolbarconfig.js"></script>
- <textarea id="<?=$ziduan?>" name="<?=$ziduan?>"><?=$ziduanzhi?></textarea>
- <script type="text/javascript">
- <?=$ziduan?> = UE.getEditor('<?=$ziduan?>',{
- serverUrl: "/e/extend/ueditor/php/controller.php",//自己的请求接口
- toolbars:Default,//工具栏配置文件，具体参考ueditor.toolbarconfig.js文件中说明
- pageBreakTag:'[!--empirenews.page--]',//帝国分页标签
- initialFrameWidth:'100%',//编辑器宽
- initialFrameHeight:300//编辑器高
- //等等其它配置自行添加，参考UE默认配置文件复制修改即可
- });
- //自定义请求参数
- <?=$ziduan?>.ready(function(){
- <?=$ziduan?>.execCommand('serverparam',{
- 'filepass':'<?=$filepass?>',//修改时候是信息ID
- 'classid' :'<?=$classid?>',
- 'qiantai':<?=$qiantai?>
- });
- });
- </script>
- <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#DBEAF5">
- <tr>
- <td bgcolor="#FFFFFF">
- <input name="dokey" type="checkbox" value="1"<?=$r[dokey]==1?' checked':''?>>关键字替换
- <input name="copyimg" type="checkbox" id="copyimg" value="1">远程保存图片(
- <input name="mark" type="checkbox" id="mark" value="1">
- <a href="SetEnews.php" target="_blank">加水印</a>)
- <input name="copyflash" type="checkbox" id="copyflash" value="1">远程保存FLASH(地址前缀：
- <input name="qz_url" type="text" id="qz_url" size="">)
- </td>
- </tr>
- <tr>
- <td bgcolor="#FFFFFF">
- <input name="repimgnexturl" type="checkbox" id="repimgnexturl" value="1"> 图片链接转为下一页 <input name="autopage" type="checkbox" id="autopage" value="1">自动分页,每 <input name="autosize" type="text" id="autosize" value="5000" size="5">个字节为一页 取第
- <input name="getfirsttitlepic" type="text" id="getfirsttitlepic" value="" size="1">张上传图为标题图片(
- <input name="getfirsttitlespic" type="checkbox" id="getfirsttitlespic" value="1">缩略图: 宽
- <input name="getfirsttitlespicw" type="text" id="getfirsttitlespicw" size="3" value="<?=$public_r[spicwidth]?>">*高
- <input name="getfirsttitlespich" type="text" id="getfirsttitlespich" size="3" value="<?=$public_r[spicheight]?>">)
- </td>
- </tr>
- </table>
字段HMTL代码修改截图：
编辑器调用截图：
注释：
编辑器的字段代码修改为你当前字段的字段名即可。
controller.php为上传等接口文件，替换官方原版的即可，在php目录下。
ueditor.toolbarconfig.js为工具栏配置文件js，默认配置两项，全功能和演示简版两种，其他的自行添加。另外此文件还提供了一个附件管理的外部接口js
注意：
修改百度编辑器的目录的时候，对应的文件也需要修改，比如引入的js路径，php文件路径等
ueditor.toolbarconfig.js源码：
- /*其他的工具栏配置选项自定义即可，编辑器实例化的时候使用 “toolbars:变量名” 即可，比如toolbars:Basic*/
- /*最原始的配置
- var Default=[['fullscreen', 'source', '|', 'undo', 'redo', '|','bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|','rowspacingtop', 'rowspacingbottom', 'lineheight', '|','customstyle', 'paragraph', 'fontfamily', 'fontsize', '|','directionalityltr', 'directionalityrtl', 'indent', '|','justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|','link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|','simpleupload', 'insertimage', 'emotion', 'scrawl', 'insertvideo', 'music', 'attachment', 'map', 'gmap', 'insertframe', 'insertcode', 'webapp', 'pagebreak', 'template', 'background', '|','horizontal', 'date', 'time', 'spechars', 'snapscreen', 'wordimage', '|','inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|','print', 'preview', 'searchreplace', 'help', 'drafts']];
- */
- /*以下配置我去除了一些无用的功能 比如谷歌地图国内打不开，百度APP等，代码高亮有BUG，暂时禁用*/
- var Default=[['fullscreen','source','|','undo','redo','|','bold','italic','underline','fontborder','strikethrough','superscript','subscript','removeformat','formatmatch','autotypeset','blockquote','pasteplain','|','forecolor','backcolor','insertorderedlist','insertunorderedlist','selectall','cleardoc','|','rowspacingtop','rowspacingbottom','lineheight','|','customstyle','paragraph','fontfamily','fontsize','|','directionalityltr','directionalityrtl','indent','|','justifyleft','justifycenter','justifyright','justifyjustify','|','touppercase','tolowercase','|','link','unlink','anchor','|','imagenone','imageleft','imageright','imagecenter','|','simpleupload','insertimage','scrawl','insertvideo','attachment','map','insertframe','template','background','|','horizontal','date','time','spechars','snapscreen','wordimage','|','inserttable','deletetable','insertparagraphbeforetable','insertrow','deleterow','insertcol','deletecol','mergecells','mergeright','mergedown','splittocells','splittorows','splittocols','charts','|','print','preview','searchreplace','help','drafts','|','pagebreak']],/*Basic为测试简版，自己添加需要的即可*/Basic=[['fullscreen','source','undo','redo','|','bold','italic','underline','fontborder','strikethrough','superscript','subscript','|','removeformat','formatmatch','autotypeset','blockquote','pasteplain','|','forecolor','backcolor','insertorderedlist','insertunorderedlist','|','link','unlink','anchor','|','selectall','cleardoc','|','simpleupload','insertimage','attachment']];
- /*********************************帝国CMS附件管理***************************************/
- /*暂时未做此文件，使用的是官方默认的，有点小BUG，但是不影响大的使用，后期开发，后台更改路径的话，下面也做响应的修改*/
- if(QianTai==0){//判断是后台
- UE.registerUI('FileMain',function(editor,uiName){
- var btn=new UE.ui.Button({name:'FileMain',title:'帝国CMS附件管理',cssRules:'',/*需要添加的额外样式，指定icon图标，这里默认使用一个重复的icon*/
- onclick:function(){
- window.open('/e/admin/ecmseditor/FileMain.php?type=1&classid='+ClassId+'&infoid='+InfoId+'&filepass='+FilePass+'&sinfo=1&doing=1'+Ehash,'','width=700,height=550,scrollbars=yes');
- }});/*执行*/
- return btn;},58/*index 指定添加到工具栏上的那个位置，默认时追加到最后,editorId 指定这个UI是那个编辑器实例上的，默认是页面上所有的编辑器都会添加这个按钮*/
- );
- }else if(QianTai==1){//判断是前台
- }
controller.php源码：
- <?php
- //header('Access-Control-Allow-Origin: http://www.baidu.com'); //设置http://www.baidu.com允许跨域访问
- //header('Access-Control-Allow-Headers: X-Requested-With,X_Requested_With'); //设置允许的跨域header
- require ('../../../class/connect.php'); //引入数据库配置文件和公共函数文件
- require ('../../../class/db_sql.php'); //引入数据库操作文件
- require ('../../../data/dbcache/class.php'); //栏目缓存
- $CONFIG = json_decode(preg_replace("/\/\*[\s\S]+?\*\//", "", file_get_contents("config.json")), true);
- $link = db_connect(); //连接MYSQL
- $empire = new mysqlquery(); //声明数据库操作
- $qiantai = (int)$_GET['qiantai']; //是否前台
- if ($qiantai) {
- $userid = (int)getcvar('mluserid');
- $username = RepPostVar(getcvar('mlusername'));
- $user_fj = '[Member]' . $username;
- } else {
- $userid = getcvar('loginuserid', 1);
- $username = getcvar('loginusername', 1);
- $rnd = getcvar('loginrnd', 1);
- $adminr = $empire->fetch1("select userid,groupid,classid,userprikey from {$dbtbpre}enewsuser where userid='$userid' and username='" . $username . "' and rnd='" . $rnd . "' and checked=0 limit 1");
- $user_fj = $username;
- }
- $classid = (int)$_GET['classid'];
- $filepass = (int)$_GET['filepass'];
- $action = RepPostVar($_GET['action']);
- //验证权限并用帝国的配置项
- if ($action != 'config') {
- //获取配置
- $pr = $empire->fetch1("select * from {$dbtbpre}enewspublic");
- $check = check();
- if ($check) {
- echo $check;
- exit();
- } else { //通过验证用帝国配置项及目录等
- if ($qiantai) {
- //前台大小 后缀等限制
- $qaddtransize = $public_r['qaddtransize'] * 1024;
- $CONFIG['imageMaxSize'] = $qaddtransize;
- $CONFIG['scrawlMaxSize'] = $qaddtransize;
- $CONFIG['catcherMaxSize'] = $qaddtransize;
- $qaddtranimgtype = substr($pr['qaddtranimgtype'], 1, -1);
- $qaddtranimgtype = explode('|', $qaddtranimgtype);
- $CONFIG['imageAllowFiles'] = $qaddtranimgtype;
- $CONFIG['imageManagerAllowFiles'] = $qaddtranimgtype;
- $CONFIG['catcherAllowFiles'] = $qaddtranimgtype;
- $qaddtranfilesize = $pr['qaddtranfilesize'] * 1024;
- $CONFIG['fileMaxSize'] = $qaddtranfilesize;
- $CONFIG['videoMaxSize'] = $qaddtranfilesize;
- $qaddtranfiletype = substr($pr['qaddtranfiletype'], 1, -1);
- $qaddtranfiletype = explode('|', $qaddtranfiletype);
- $CONFIG['fileAllowFiles'] = $qaddtranfiletype;
- $CONFIG['fileManagerAllowFiles'] = $qaddtranfiletype;
- } else {
- //后台大小 后缀等限制
- $filesize = $public_r['filesize'] * 1024;
- $CONFIG['imageMaxSize'] = $filesize;
- $CONFIG['scrawlMaxSize'] = $filesize;
- $CONFIG['catcherMaxSize'] = $filesize;
- $CONFIG['videoMaxSize'] = $filesize;
- $CONFIG['fileMaxSize'] = $filesize;
- $filetype = substr($pr['filetype'], 1, -1);
- $filetype = explode('|', $filetype);
- $CONFIG['fileAllowFiles'] = $filetype;
- $CONFIG['fileManagerAllowFiles'] = $filetype;
- }
- $classpath = ReturnFileSavePath($classid); //栏目附件目录
- $time = time();
- $filedir = '';
- if ($public_r['filepath']) {
- $filedir = date($public_r['filepath'], $time) . '/';
- $filedir2 = date($public_r['filepath'], $time);
- }
- $uepath = $pr['newsurl'] . $classpath['filepath'] . $filedir . '{time}{rand:6}'; //百度编辑器上传路径
- //$uepath='/'.$classpath['filepath'].$filedir.md5(uniqid());//百度编辑器上传路径
- if ($pr['openfileserver'] == 1) { //开启远程附件
- $ftp_r = $empire->fetch1("select * from {$dbtbpre}enewspostserver where pid=1"); //返回FTP
- $truepath = $ftp_r['purl'] . $filedir; //日期栏目目录filepath
- $bdpath = ECMS_PATH . $classpath['filepath'] . $filedir;
- } else {
- $truepath = $bdpath . $filedir;
- $bdpath = ECMS_PATH . $classpath['filepath'] . $filedir;
- }
- //$CONFIG['imageUrlPrefix']=$public_r['fileurl'];
- //$CONFIG['scrawlUrlPrefix']=$public_r['fileurl'];
- //$CONFIG['snapscreenUrlPrefix']=$public_r['fileurl'];
- //$CONFIG['catcherUrlPrefix']=$public_r['fileurl'];
- //$CONFIG['videoUrlPrefix']=$public_r['fileurl'];
- //$CONFIG['fileUrlPrefix']=$public_r['fileurl'];
- $CONFIG['imagePathFormat'] = $uepath;
- $CONFIG['scrawlPathFormat'] = $uepath;
- $CONFIG['snapscreenPathFormat'] = $uepath;
- $CONFIG['videoPathFormat'] = $uepath;
- $CONFIG['filePathFormat'] = $uepath;
- $CONFIG['catcherPathFormat'] = $uepath;
- }
- }
- //验证函数
- function check() {
- global $adminr, $dbtbpre, $action, $empire, $pr, $qiantai;
- if ($qiantai == 1) { //前台的验证
- if ($pr['addnews_ok'] == 1) {
- $error = '{"state": "网站已关闭投稿功能！"}';
- } else if (($action == 'uploadimage' || $action == 'uploadscrawl' || $action == 'catchimage') && (!$pr['qaddtran'])) {
- $error = '{"state": "网站已关闭上传图片功能！"}';
- } else if (($action == 'uploadvideo' || $action == 'uploadfile') && !$pr['qaddtranfile']) {
- $error = '{"state": "网站已关闭上传附件功能！"}';
- }
- } else { //后台的验证
- if ($adminr) {
- //通过验证
-
- } else {
- $error = '{"state": "请重新登录"}';
- }
- }
- return $error;
- }
- switch ($action) {
- case 'config':
- $result = json_encode($CONFIG);
- break;
- /* 上传图片 */
- case 'uploadimage':
- /* 上传涂鸦 */
- case 'uploadscrawl':
- /* 上传视频 */
- case 'uploadvideo':
- /* 上传文件 */
- case 'uploadfile':
- $result = include ("action_upload.php");
- $result = json_decode($result, TRUE);
- if ($pr['openfileserver'] == 1) { //开启远程附件补充前缀
- $result['url'] = str_replace('/d/file/', '', $ftp_r['purl']) . $result['url']; //FTP前缀
- //$result['original']=$result['title'];//标题是路径还是名称
- $result = json_encode($result);
- } else {
- $result['url'] = str_replace('/d/file/', '', $pr['fileurl']) . $result['url']; //FTP前缀
- $result = json_encode($result);
- }
- break;
- /* 列出图片 */
- case 'listimage':
- //$result = include("action_list.php");
- $result = action_list();
- break;
- /* 列出文件 */
- case 'listfile':
- // $result = include("action_list.php");
- $result = action_list();
- break;
- /* 抓取远程文件 */
- case 'catchimage':
- $result = include ("action_crawler.php");
- $result = json_decode($result, TRUE);
- if ($pr['openfileserver'] == 1) { //开启远程附件补充前缀
- $result['url'] = str_replace('/d/file/', '', $ftp_r['purl']) . $result['url']; //FTP前缀
- //$result['original']=$result['title'];//标题是路径还是名称
- $result = json_encode($result);
- } else {
- $result['url'] = str_replace('/d/file/', '', $pr['fileurl']) . $result['url']; //FTP前缀
- $result = json_encode($result);
- }
- break;
- default:
- $result = json_encode(array('state' => '请求地址出错'));
- break;
- }
- /* 输出结果 */
- if (isset($_GET["callback"])) {
- if (preg_match("/^[\w_]+$/", $_GET["callback"])) {
- echo htmlspecialchars($_GET["callback"]) . '(' . $result . ')';
- } else {
- echo json_encode(array('state' => 'callback参数不合法'));
- }
- } else {
- echo $result;
- }
- $actionarr = array('uploadimage', 'uploadscrawl', 'uploadvideo', 'uploadfile', 'catchimage');
- if (in_array($action, $actionarr)) {
- $file_r = json_decode($result, true);
- if ($action == 'uploadimage' || $action == 'catchimage' || $action == 'uploadscrawl') {
- $type = 1;
- } elseif ($action == 'uploadvideo') {
- $type = 3;
- } else {
- $type = 0;
- }
- if ($action == "catchimage") //远程保存
- {
- for ($i = 0;$i < count($file_r['list']);$i++) {
- if ($file_r['list'][$i]['state'] == "SUCCESS") {
- $title = RepPostStr(trim($file_r['list'][$i]['title']));
- $filesize = RepPostStr(trim($file_r['list'][$i]['size']));
- $original = RepPostStr(trim($file_r['list'][$i]['original']));
- eInsertFileTable($title, $filesize, $filedir2, $user_fj, $classid, $original, $type, $filepass, $filepass, $public_r[fpath], 0, 0, 0);
- }
- }
- } else if ($file_r['state'] == "SUCCESS") {
- $title = RepPostStr(trim($file_r[title]));
- //判断是否FLASH
- $typearr = explode('.', $title);
- if ($typearr[1] == 'swf') {
- $type = 2;
- }
- $filesize = RepPostStr(trim($file_r[size]));
- $original = RepPostStr(trim($file_r[original]));
- //帝国上传附件是md5的文件名
- if (!$type) {
- $original = $title;
- }
- eInsertFileTable($title, $filesize, $filedir2, $user_fj, $classid, $original, $type, $filepass, $filepass, $public_r[fpath], 0, 0, 0);
- }
- $efileftp_fr = array(); //远程附件的图片数组
- $efileftp_fr[0] = $bdpath . '/' . $title; //远程附件所用的本地图片路径
-
- }
- // 列出已经上传的图像和文件
- function action_list() {
- global $empire, $dbtbpre, $filepass, $classid, $user_fj, $action, $qiantai, $pr, $ftp_r;
- $list = array();
- $result = json_encode(array("state" => "no match file", "list" => $list, "start" => 0, "total" => 0));
- $where = "classid='$classid' and id='$filepass'";
- if ($qiantai == 1) {
- $where.= " and adduser='$user_fj'";
- }
- if ($action == 'listimage') //图片
- {
- $where.= ' and type=1';
- } else if ($action == 'listfile') //附件、多媒体、FLASH
- {
- $where.= ' and type<>1';
- } else {
- return $result;
- }
- $size = (int)$_GET['size'];
- $start = (int)$_GET['start'];
- $limit = $start . "," . $size;
- $total = $empire->gettotal("select count(*) as total from {$dbtbpre}enewsfile_1 where " . $where);
- $sql = $empire->query("select * from {$dbtbpre}enewsfile_1 where " . $where . " order by fileid DESC limit " . $limit);
- $i = 0;
- while ($r = $empire->fetch($sql)) {
- $classpath = ReturnFileSavePath($r[classid], $r[fpath]); //栏目附件目录
- if ($pr['openfileserver'] == 1) { //开启远程附件补充前缀
- $classpath['filepath'] = str_replace('d/file/', '', $ftp_r['purl']) . $classpath['filepath']; //FTP前缀
-
- } else {
- $classpath['filepath'] = str_replace('d/file/', '', $pr['fileurl']) . $classpath['filepath'];
- }
- $list[$i]['url'] = $classpath['filepath'] . ($r['path'] ? $r['path'] . '/' : $r[path]) . $r['filename'];
- $list[$i]['mtime'] = $r['filetime'];
- $i++;
- }
- /* 返回数据 */
- if (!count($list)) {
- return $result;
- }
- return $result = json_encode(array("state" => "SUCCESS", "list" => $list, "start" => $start, "total" => $total));
- }
- db_close();
- $empire = null;
- exit();
- ?>
action_crawler.php源码：- <?php
- /**
- * 抓取远程图片
- * User: Jinqn
- * Date: 14-04-14
- * Time: 下午19:18
- */
- set_time_limit(0);
- include("Uploader.class.php");
- /* 上传配置 */
- $config = array(
- "pathFormat" => $CONFIG['catcherPathFormat'],
- "maxSize" => $CONFIG['catcherMaxSize'],
- "allowFiles" => $CONFIG['catcherAllowFiles'],
- "oriName" => "remote.png"
- );
- $fieldName = $CONFIG['catcherFieldName'];
- /* 抓取远程图片 */
- $list = array();
- if (isset($_POST[$fieldName])) {
- $source = $_POST[$fieldName];
- } else {
- $source = $_GET[$fieldName];
- }
- foreach ($source as $imgUrl) {
- $item = new Uploader($imgUrl, $config, "remote");
- $info = $item->getFileInfo();
- /* URL处理 */
- if($pr['openfileserver']==1){//开启远程附件补充前缀
- $info["url"]= str_replace('/d/file/', '', $ftp_r['purl']).$info["url"];//FTP前缀
- }else{
- $info["url"]= str_replace('/d/file/', '', $pr['fileurl']).$info["url"];//非FTP前缀
- }
- /* URL处理 */
- array_push($list, array(
- "state" => $info["state"],
- "url" => $info["url"],
- "size" => $info["size"],
- "title" => htmlspecialchars($info["title"]),
- "original" => htmlspecialchars($info["original"]),
- "source" => htmlspecialchars($imgUrl)
- ));
- }
- /* 返回抓取数据 */
- return json_encode(array(
- 'state'=> count($list) ? 'SUCCESS':'ERROR',
- 'list'=> $list
- ));
前台使用：- 前台使用例子：
- 修改内容模板加入下面代码（注意：#newstext为前台编辑器容器ID）
- <style type="text/css">
- /*解决代码高亮太长不换行*/
- .syntaxhighlighter{word-break:break-all;}
- </style>
- <script src="/e/extend/ueditor/ueditor.parse.min.js"></script>
- <script>uParse('#newstext', {rootPath: '/e/extend/ueditor/'})</script>
- <div id="newstext">[!--newstext--]</div>
本项目仅测试于帝国CMS7.0（UFT-8）正式版，其他版本暂时未测，请自行测试，支持帝国商业版的远程附件功能。
未修改百度UE（UEditor）的其他代码，为了确保后期升级。至于图片水印和附件删除等功能，考虑到帝国CMS升级所以未作整合，暂时可以依靠帝国CMS自身的管理功能即可，水印也可批量添加。
前台高亮等使用参考百度编辑器官方说明。这里不多说。后期会开发附件管理，图片水印，以及在线图片裁剪等功能性融合系统。
水印及附件管理说明截图：
项目源码打包：
ueditor.zip
(66.52 KB, 下载次数: 26)
|
|
发表于 2014-8-8 09:19:13
楼主