实现Ueditor编辑器代码高亮

2019.10.12 - 麦麦小铺

        本文介绍实现Ueditor编辑的博文代码段高亮效果。

        效果演示:

            ①未高亮的代码

        

            ②高亮的代码

        

        具体实现:

            ①在编辑文章时候,选择对应的代码语言

        

        ②在文章的展示页面,引入如下几行代码(注意,自行修改引入文件的路径):

<link rel='stylesheet' href='./ueditor/third-party/SyntaxHighlighter/shCoreDefault.css' type='text/css' />
<script type='text/javascript' src='./ueditor/third-party/SyntaxHighlighter/shCore.js'></script>
<script type='text/javascript'>
//代码段高亮
SyntaxHighlighter.all();
</script>
         好了,通过以上简单两步,就可以让你的文章代码看起来更优美了。

- END -

各位看官,如果你觉得文章不错,请鼓励鼓励吧~~

jQuery实现鼠标悬停一段时间后触发事件

​实现思路:通过分别设置鼠标悬停以及移开的定时器来实现想要的效果。​具体实现如下:

取消

您的支持,是我继续创作的动力!

扫码支持
人生百态皆无常,最是一颗感恩心

打开支付宝扫一扫,即可进行扫码打赏

所得打赏均用于域名续费、服务器租赁等维持平台正常运营的必要支出。

海报生成中...