dede版百度编辑器-简单三步实现代码高亮

  • 编辑时间: 2015-03-30
  • 浏览量: loading
  • 作者: 段亮

之前感觉博客(dede)后台自带的编辑器功能太少的原因,所以才换了比较强大的百度编辑器(ueditor)。但是发现百度编辑器:还是有那么一点点的不够完善,不知道是不是一些小的BUG。为什么这样说呢?因为现在很多博客文章里面写的代码,都实现了代码格式化(代码高亮)。而百度编辑器却不能。直到现在我才明白:是我误解了,原来是没引用相关的文件而产生的。好了废话不多说,下面就分享下:怎么让百度编辑器实现代码高亮的功能!

一、引用相关的文件

    找到相关的JS、CSS文件,把他们引入到网页中,而这个两个文件在ueditor文件下。

    路径为:/third-party/SyntaxHighlighter/shCore.js和shCoreDefault.css

二、对函数进行调用

    在文章页面进行函数调用,引入以下代码:

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

三、在后台切换语言

    在后端编辑页面,点击语言切换。如下图:

百度编辑器实现代码高亮的功能

然后把你的代码贴入其中就可大功告成!是不是很简单呢?


本文出自段亮博客,如需转载请注明出处。

本文出处:http://www.duanliang920.com/learn/dede/303.html

如果您觉得文章对你有帮助,可以进行打赏。
打赏多少,您高兴就行,谢谢您对段亮这小子的支持! ~(@^_^@)~

微信扫一扫 微信打赏

支付宝扫一扫 支付宝打赏

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
  • 夜落-星沉
    2015-12-10 11:21:30发表

    哈哈

  • 夜落-星沉
    2015-12-10 11:21:20发表

    不错

  • 重庆网络营销工程师余建华
    2015-09-17 22:21:23发表

    只有几行的代码 为什么我的出来就被搞成了十几行,它几个字就占一行。 就像这样script type=text/javascript SyntaxHighlighter.highlight(); var editor_a = new baidu.editor.ui.Editor(); editor_a.render( myEd

你也想建立一个独立博客?

你是否也想打造一个在互联网上的个人品牌,成为一个家喻户晓的人物呢?
请点击了解 怎样创建个人博客