dede織夢自帶編輯器替換百度ueditor編輯器
阿新 • • 發佈：2019-01-06
用過dedecms的朋友都知道dede自帶的文字編輯器很不好用，且有些功能還需要我們自己手動去修改原始碼，才能完成我們想要的效果。現在廣大用dedecms的朋友們，你們有福啦！我們可以利用百度的Ueditor編輯器來改變這一狀況，讓dede的文字編輯功能變得更加的強大。
下面我教大家如何利用百度的（ueditor）編輯器替換dede自帶的編輯器:
第一步：下載相對應編輯器的版本
首先，去百度搜索“百度ueditor編輯器”，然後點選進入官網，找到下載頁面。找到我們想要的編輯器的版本，這點相信不要我多說了。下載下來，然後修改名稱為“ueditor”，並進行打包上傳到include目錄下。
溫馨提示：在安裝前，最好備份下所要修改的檔案。
第二步：修改inc_func_funcAdmin.php檔案
開啟include下的inc資料夾內的inc_func_funcAdmin.php找到184行，貼入以下程式碼。
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
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;
}
}
|
如圖所示：
第三步：修改配置
進入網站後臺-->系統-->系統基本引數-->核心設定-->將 Html編輯器的值改為 ueditor ，然後儲存。 到了這一步，那麼恭喜你，文字編輯器已經替換成功！
----end----
由於之前有位朋友跟我說添加了百度編輯器，使其內容無法儲存。解決辦法如下：
1、修改\dede\templets\ 目錄下 的 catalog_edit.htm 及 catalog_add.htm兩個檔案。
2、搜尋到function checkSubmit() 在函式 return true; 前 新增以下程式碼:
| 1 |
document.getElementsByName("content")[0].innerHTML = ue.getContent();
|
3、修改後的程式碼如下：
| 1 2 3 4 5 6 7 8 9 10 |
function checkSubmit()
{
if(document.form1.typename.value==""){
alert("欄目名稱不能為空!");
document.form1.typename.focus();
return false;
}
document.getElementsByName("content")[0].innerHTML = ue.getContent();
return true;
}
|
注：本解決方法由網友提供，暫沒親測（因為我沒有遇到此情況）。