曲振飞的个人博客

专注于Web全栈开发、APP设计、网站建设

当前位置 : 主页 > 后端开发 > 百度ueditor 编辑内容在选择其他语言时实现代码高亮

百度ueditor 编辑内容在选择其他语言时实现代码高亮

时间:2016-09-02 15:13:40 栏目:后端开发 作者:曲振飞 点击: 1618

百度ueditor是一款非常不错的富文本编辑器,在国内很多公司都在使用,当我们在发表文章添加内容时,有时需要在内容中编写类似于php、javascript等语言代码,那么本篇就教大家怎么使用ueditor的代码高亮:

首先在文章页面head部分引入js、css文件如下,具体路径根据自己的编写

<script src="ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<link rel="stylesheet" href="ueditor/third-party/SyntaxHighlighter/shCoreDefault.css">
<script type="text/javascript">
   SyntaxHighlighter.all();
</script>

blob.png

添加语言时,在代码语言处可以选择您需要的语言

blob.png

来看下完成后效果:

blob.png

关键字: 代码高亮

关于站长

曲振飞,一个热忠、从事于互联网的90后青年.专注于网站建站、网站设计及优化.以用户体验、WEB标准为主旨,将网站的整体设计与网页设计的相关原理紧密结合.