用過dedecms的朋友都知道dede自帶的文本編輯器很很差用,且有些功能還須要咱們本身手動去修改源碼,才能完成咱們想要的效果。如今廣大用dedecms的朋友們,大家有福啦!咱們能夠利用百度的Ueditor編輯器來改變這一情況,讓dede的文本編輯功能變得更加的強大。javascript
下面我教你們如何利用百度的(ueditor)編輯器替換dede自帶的編輯器:php
第一步:下載相對應編輯器的版本css
首先,去百度搜索「百度ueditor編輯器」,而後點擊進入官網,找到下載頁面。找到咱們想要的編輯器的版本,這點相信不要我多說了。下載下來,而後修更名稱爲「ueditor」,並進行打包上傳到include目錄下。html
舒適提示:在安裝前,最好備份下所要修改的文件。java
第二步:修改inc_func_funcAdmin.php文件編輯器
打開include下的inc文件夾內的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; } }
如圖所示:網站
第三步:修改配置 ui
進入網站後臺-->系統-->系統基本參數-->核心設置-->將 Html編輯器的值改成 ueditor ,而後保存。 到了這一步,那麼恭喜你,文本編輯器已經替換成功!spa
如圖所示:
-------- 2016-5-21 更新 -------
因爲以前有位朋友跟我說添加了百度編輯器,使其內容沒法保存。解決辦法以下:
一、修改\dede\templets\ 目錄下 的 catalog_edit.htm 及 catalog_add.htm兩個文件。
二、搜索到function checkSubmit() 在函數 return true; 前 添加如下代碼:
document.getElementsByName("content")[0].innerHTML = ue.getContent();
三、修改後的代碼以下:
function checkSubmit() { if(document.form1.typename.value==""){ alert("欄目名稱不能爲空!"); document.form1.typename.focus(); return false; } document.getElementsByName("content")[0].innerHTML = ue.getContent(); return true; }
本文出處:https://www.jkys120.com/