雷速体育比分:

您的位置:雷速体育答题测试答案 > 站長雜談 > phpcms替換百度UEditor編輯器教程

phpcms替換百度UEditor編輯器教程

時間:2017-09-06 10:00:48  來源:免費模板網 作者:風雪 閱讀次數 tagsphpcmsUEditor

最近偏愛百度的UEditor編輯器,之前的是默認的phpcms編輯器怎么替換呢。

我們下去下載百度編輯器的代碼。小編以php utf編碼為例
//www.384142.live/uploadfile/2017/0906/20170906101411601.rar

1.上傳ueditor到phpcms目錄

將壓縮包解壓后改名為ueditor,上傳到/statics/js/下

2.修改文件上傳路徑,修改ueditor/php/config.json文件,全局替換

將/ueditor/php/upload/ 替換為 /uploadfile/

11.jpg

3.修改phpcms默認編輯器ckeditor為Ueditor

修改/phpcms/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;

22.jpg

4.修改ueditor寬度

在ueditor/themes/default/css/ueditor.css中,找到/*UI工具欄、編輯區域、底部*/下面的css:.edui-default .edui-editor,在其中添加:

width:auto!important; //用于ueditor工具欄的寬度自適應

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

width:auto!important; //用于ueditor內容框寬度自適應

44.jpg

5.修改ueditor高度。

在ueditor/ueditor.config.js中,找到initialFrameHeight,initialFrameWidth和將此行注釋取消掉(默認的高度比較低)

這樣后臺就不會變形

55.jpg

最終效果如下:

66.jpg

 

本文地址://www.384142.live/mwxx/2017/0906/2888.html

猜你喜歡
欄目推薦
模板推薦

Copyright:雷速体育答题测试答案 www.384142.live 免費模板網 All Rights Reserved 雷速体育答题测试答案   遼公網安備 21010602000376號  遼公網安備:42900402000182號

免責聲明:本站部分資源來自互聯網收集,版權歸原創者所有,如果侵犯了你的權益,我們會及時刪除侵權內容,聯系QQ:1615187561 謝謝合作!

{ganrao} 国外网站邮箱 西甲新浪 西甲大爆炸 老版至尊棋牌 幸运农场快乐十分预测 王中王心水冰坛资料精选下载 如何利用网络赚钱 欢乐捕鱼颂破解版 欢乐广西南宁麻将 pc蛋蛋信誉群 四肖精选八码中特 四方棋牌李逵劈鱼 重庆麻将 喜迎捕鱼游戏中心下载 多乐彩遗漏 e球彩 开奖