帝國(guó)cms整合百度編輯器ueditor圖文教程
發(fā)布時(shí)間：2013-03-19 10:16:36 作者：佚名 
我要評(píng)論
我要評(píng)論大伙反應(yīng)帝國(guó)cms自帶文本編輯器是fckeditor，用起來(lái)效果不太理想,百度UEditor的推出，可以幫助不少網(wǎng)站開(kāi)者在開(kāi)發(fā)富文本編輯器所遇到的難題,接下來(lái)為大家介紹下帝國(guó)CMS6.6整合UEditor，感興趣的你可以參考下哈
一、UEditor簡(jiǎn)介
帝國(guó)cms自帶文本編輯器是fckeditor，用起來(lái)效果不太理想。
百度也推出了自己的編輯器UEditor
UEditor是由WEB前端研發(fā)部開(kāi)發(fā)的所見(jiàn)即所得的開(kāi)源富文本編輯器，具有輕量、可定制、用戶(hù)體驗(yàn)優(yōu)秀等特點(diǎn)。開(kāi)源基于BSD協(xié)議，所有源代碼在協(xié)議允許范圍內(nèi)可自由修改和使用。百度UEditor的推出，可以幫助不少網(wǎng)站開(kāi)者在開(kāi)發(fā)富文本編輯器所遇到的難題，節(jié)約開(kāi)發(fā)者因開(kāi)發(fā)富文本編輯器所需要的大量時(shí)間，有效降低了企業(yè)的開(kāi)發(fā)成本。
下邊先來(lái)貼出幾張相片瀏覽一下百度編輯器UEditor一些特色功能吧！
二、帝國(guó)CMS6.6整合UEditor
1.根據(jù)自己cms的版本下載相應(yīng)版本ueditor1.2.2_GBK.rar，ueditor1.2.2_utf8.rar
2.上傳至帝國(guó)cms的/e/data/ecmseditor/下
3.修改字段輸入表單，具體操作：系統(tǒng)-->新建表與系統(tǒng)模型-->管理數(shù)據(jù)表-->管理字段
如下圖所示
4.將下列代碼復(fù)制入下圖所示紅框內(nèi)
復(fù)制代碼
代碼如下:<script type="text/javascript" src="/e/data/ecmseditor/ueditor/editor_config_admin.js"></script>
<script type="text/javascript" src="/e/data/ecmseditor/ueditor/editor_all_min_admin.js"></script>
<link rel="stylesheet" href="/e/data/ecmseditor/ueditor/themes/default/ueditor.css">
<script type="text/plain" id="myEditor" name="newstext">
<?=$ecmsfirstpost==1?"":stripSlashes($r[newstext])?>
</script>
<script type="text/javascript">
var editor = new baidu.editor.ui.Editor();
editor.render("myEditor");
editor.classid = <?=$classid?>;
editor.filepass = <?=$filepass?>;
</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':''?>>
關(guān)鍵字替換 <input name="copyimg" type="checkbox" id="copyimg" value="1">
遠(yuǎn)程保存圖片(
<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">
遠(yuǎn)程保存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"> 圖片鏈接轉(zhuǎn)為下一頁(yè) <input name="autopage" type="checkbox" id="autopage" value="1"> 自動(dòng)分頁(yè)
,每
<input name="autosize" type="text" id="autosize" value="5000" size="5">
個(gè)字節(jié)為一頁(yè) 取第
<input name="getfirsttitlepic" type="text" id="getfirsttitlepic" value="" size="1">
張上傳圖為標(biāo)題圖片(
<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>
5./e/admin/AddNews.php，333行 <html>之上增加一行添加代碼來(lái)解決某些瀏覽器可能錯(cuò)位問(wèn)題
復(fù)制代碼
代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
6.關(guān)閉網(wǎng)頁(yè)，重新啟動(dòng)。
相關(guān)文章
PHPCMS v9.5.6整合UEditer1.4.3詳細(xì)教程
關(guān)于百度富文本在線編輯器ueditor的強(qiáng)大功能，在這里并不想多說(shuō)，如果還不了解的，自己百度一下吧。接下來(lái)我要做的就是把PHPCMS v9.5.6原有的編輯器ckeditor換成ueditor 1.2014-06-04