用過(guò)dedecms的朋友都知道dede自帶的文本編輯器很不好用,且有些功能還需要我們自己手動(dòng)去修改源碼,才能完成我們想要的效果?,F(xiàn)在廣大用dedecms的朋友們,你們有福啦!我們可以利用百度的Ueditor編輯器來(lái)改變這一狀況,讓dede的文本編輯功能變得更加的強(qiáng)大。
下面我教大家如何利用百度的(ueditor)編輯器替換dede自帶的編輯器:
第一步:下載相對(duì)應(yīng)編輯器的版本
首先,去百度搜索“百度ueditor編輯器”,然后點(diǎn)擊進(jìn)入官網(wǎng),找到下載頁(yè)面。找到我們想要的編輯器的版本,這點(diǎn)相信不要我多說(shuō)了。下載下來(lái),然后修改名稱(chēng)為“ueditor”,并進(jìn)行打包上傳到include目錄下。
溫馨提示:在安裝前,最好備份下所要修改的文件。
第二步:修改inc_func_funcAdmin.php文件
打開(kāi)include下的inc文件夾內(nèi)的inc_func_funcAdmin.php找到184行,貼入以下代碼。
如圖所示:
else if($GLOBALS['cfg_html_editor']=='ueditor') { $fvalue = $fvalue=='' ? '<p></p>' : $fvalue; $code = '<script type="text/javascript" charset="utf-8" src="/include/ueditor/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="/include/ueditor/ueditor.all.js"></script> <link rel="stylesheet" type="text/css" href="/include/ueditor/themes/default/css/ueditor.css"/> <textarea name="'.$fname.'" id="'.$fname.'" style="width:100%;">'.$fvalue.'</textarea> <script type="text/javascript">var ue = new baidu.editor.ui.Editor();ue.render("'.$fname.'");</script>'; if($gtype=="print") { echo $code; } else { return $code; } } |
第三步:修改配置
進(jìn)入網(wǎng)站后臺(tái)-->系統(tǒng)-->系統(tǒng)基本參數(shù)-->核心設(shè)置-->將 Html編輯器的值改為 ueditor ,然后保存。 到了這一步,那么恭喜你,文本編輯器已經(jīng)替換成功!
如圖所示:
-------- 2016-5-21 更新 -------
由于之前有位朋友跟我說(shuō)添加了百度編輯器,使其內(nèi)容無(wú)法保存。解決辦法如下:
1、修改\dede\templets\ 目錄下 的 catalog_edit.htm 及 catalog_add.htm兩個(gè)文件。
2、搜索到function checkSubmit() 在函數(shù) return true; 前 添加以下代碼:
1
|
document.getElementsByName( "content" )[0].innerHTML = ue.getContent();
|
如果你也遇到此網(wǎng)友一樣的問(wèn)題,不妨可以嘗試一下。若有其他解決方法,也可以私信我。跟我一起來(lái)幫助大家!
版權(quán)聲明: 本站資源均來(lái)自互聯(lián)網(wǎng)或會(huì)員發(fā)布,如果侵犯了您的權(quán)益請(qǐng)與我們聯(lián)系,我們將在24小時(shí)內(nèi)刪除!謝謝!
轉(zhuǎn)載請(qǐng)注明: dedecms5.7安裝百度(ueditor)編輯器的方法