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

  • 编辑时间: 2015-03-30 21:45:00
  • 浏览量: 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


阿里云服务器优惠

写文章不易,如果您觉得文章对你有帮助。
打赏激励下作者吧,谢谢支持! ~(@^_^@)~!

微信打赏 微信打赏

支付宝打赏 支付宝打赏

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

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

站长推荐
loading... 数据加载中...

超低服务器价格,值得购买!

超低服务器价格,值得购买!