當前位置:主頁 > 教程 > cms教程 >

dede版百度編輯器-簡單三步實現代碼高亮
欄目分類:cms教程   發布日期:2016-05-30   作者:素年    來源:未知

之前感覺博客(dede)后臺自帶的編輯器功能太少的原因,所以才換了比較強大的百度編輯器(ueditor)。但是發現百度編輯器: 還是有那么一點點的不夠完善,不知道是不是一些小的BUG。為什么這樣說呢?因為現在很多博客文章里面寫的代碼,都實現了代碼格式化(代

之前感覺博客(dede)后臺自帶的編輯器功能太少的原因,所以才換了比較強大的百度編輯器(ueditor)。但是發現百度編輯器:還是有那么一點點的不夠完善,不知道是不是一些小的BUG。為什么這樣說呢?因為現在很多博客文章里面寫的代碼,都實現了代碼格式化(代碼高亮)。而百度編輯器卻不能。直到現在我才明白:是我誤解了,原來是沒引用相關的文件而產生的。好了廢話不多說,下面就分享下:怎么讓百度編輯器實現代碼高亮的功能!

一、引用相關的文件

    找到相關的JS、CSS文件,把他們引入到網頁中,而這個兩個文件在ueditor文件下。

    路徑為:/third-party/SyntaxHighlighter/shCore.js和shCoreDefault.css

二、對函數進行調用

    在文章頁面進行函數調用,引入以下代碼:

1
2
3
4
5
   <script type="text/javascript">
        SyntaxHighlighter.highlight();
        var editor_a = new baidu.editor.ui.Editor();
        editor_a.render( 'myEditor' );
    </script>

三、在后臺切換語言

    在后端編輯頁面,點擊語言切換。如下圖:

百度編輯器實現代碼高亮的功能

然后把你的代碼貼入其中就可大功告成!是不是很簡單呢?

 

Copyright © 2016-2020 我愛分享網 版權所有   豫ICP備16008703號-1   關于我們 | 廣告合作 | 版權聲明 | 意見反饋 | 聯系方式 | 原創投稿 | 網站地圖 |
特效 教程 資源 資訊 福利
自由女神电子游艺 正宗华南心水论坛 山东快乐扑克3开奖 德甲联赛拜仁队 开加盟旅行社赚钱吗 彩乐乐11选5 双色球胆拖中奖公式 上证指数腾讯 江苏十一选五时间 2018海南环岛赛总奖金 浙江快乐12奖金 中国福利彩票3d开奖结果 湖北快3推荐号码追号 窦立国用心去赚钱视频 河南11选5视频迅雷下载软件 足球任九奖金最高的一期 电子游戏官方网