seo技術

dede織夢更換百度ueditor編輯器實現代碼高亮教程

對于個人博客、網站建設等文章中需要設計到代碼展示的網站，要直接復制代碼上去，前臺顯示美觀，要對織夢本身自帶的編輯進行二開，過于麻煩，不是很適合，所以今天諸城人家就來說說給織夢換上百度編輯器實現代碼高亮顯示：

1.下載百度編輯器：百度編輯器官網下載對應編碼的百度編輯器

另一種織夢編輯器插入代碼并且前臺高亮顯示可參考《》這也是諸城人家博客目前在用的方法！

2.安裝百度編輯器：解壓出來，得到的是utf8-php文件夾，我們將它改名為：ueditor，并將它上傳到/include文件夾下

3.配置百度編輯器：打開/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%;height:320px;"'.$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;

}

}

4.設置dede編輯器：進入織夢網站后臺，依次找到：系統--系統基本參數--核心設置--將Html編輯器的值改為ueditor ，然后保存。

5.在需要顯示代碼高亮的模板文件中引入以下兩個文件，也可以復制到其他目錄再進行引用：

link rel="stylesheet" type="text/css" href="/include/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css"/?

script type="text/javascript" charset="UTF-8" src="/include/ueditor/third-party/SyntaxHighlighter/shCore.js"/script?

6.調用函數，在需要顯示代碼高亮頁面的模板中調用函數，例如我要在文章頁實現代碼高亮，則在article_article.htm中調用下面的函數

script type="text/javascript"SyntaxHighlighter.all()/script

7.后臺可以插入代碼，并且前臺代碼高亮顯示

本次諸城人家個人博客分享的織夢更換百度編輯器并實現文章中代碼高亮顯示，到此結束，百度編輯器也有很大一部分人群在使用，但是諸城人家始終不喜歡它。

- END -

瀏覽完了？你可以留下觀點！