ueditor代码高亮实现方法

429 阅读1分钟

网上许多博客里边的文章,插入的代码都有高亮显示。

百思不得其解,他们是怎么做到的。

去网上搜了一下相关的方法,原来,ueditor本身就支持代码高亮显示

代码高亮.png

实现的方法也很简单

1:页面引用以下资源文件(均位于ueditor目录中):

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

2:增加如下js脚本使高亮生效:

SyntaxHighlighter.all();

这样就可以了,我的博客中代码高亮显示就是这样实现的。

有好的建议,请在下方输入你的评论。

欢迎访问个人博客 guanchao.site

欢迎访问小程序:

在这里插入图片描述