dede織夢自帶編輯器替換百度ueditor編輯器

用過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;
}

注:本解決方法由網友提供,暫沒親測(因爲我沒有遇到此情況)。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章