PHPCMS v9.5.6整合UEditer1.4.3詳細(xì)教程
我要評論首先去UEditor官網(wǎng)下載所需對應(yīng)版本：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的路徑規(guī)則。
4. 修改ueditor/ueditor.config.js配置文件，
1) 自定義工具欄內(nèi)容： ,toorbars : [[ ********** ]]
這個(gè)工具欄圖標(biāo)你可以參照官方文檔進(jìn)行修改，去掉不需要的功能：http://fex.baidu.com/ueditor/#start-toolbar
2) 自定義編輯器寬高： ,initialFrameWidth:700 //初始化編輯器寬度,默認(rèn)1000
,initialFrameHeight:350 //初始化編輯器高度,默認(rèn)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工具欄，編輯區(qū)域，底部樣式*/ 里
增加一行： width:auto !important; //注：增加此行，使編輯器自適應(yīng)
7. 去編輯器下方除子標(biāo)題顯示：去掉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'> <input type='button' class='button' value='".L('submit')."' onclick=insert_page_title(\"$textareaid\",1)></td></tr>
</table></div>";
$ext_str .= "</div>";
至此，已完成修改，歡迎留言交流。
相關(guān)文章
- 大伙反應(yīng)帝國cms自帶文本編輯器是fckeditor，用起來效果不太理想,百度UEditor的推出，可以幫助不少網(wǎng)站開者在開發(fā)富文本編輯器所遇到的難題,接下來為大家介紹下帝國CMS6.62013-03-19