欢迎来到 54818模板网!这是一个yzmcms的模板分享站。

用YzmCMS自带的ueditor编辑器让前端代码高亮显示

相关案例演示

如上图,有时候我们需要让文章中的代码高亮显示,我们应该怎么实现呢?

YzmCMS用的是百度的ueditor编辑器,所以我们做一些简单的操作就是可以让代码高亮显示了。


第1步,先在模板中引入下面的JS代码。

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


第2步,在后台发布内容,插入代码,写入需要高亮的代码即可。

    作者:54818模板网 关注:1898 时间:2020-04-26 12:32:48
    相关网站教程