欢迎来到54818模板网!我们致力于网站商业模板及VIP模板更新

用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模板网 关注:38 时间:2020-04-26 12:32:48
    首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制(了解更多)
    ☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
    ☉本站只提供精品网站源码,源码在于可用,不在多!!希望在这里找到你合适的。
    ☉本站提供的整站程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
    ☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
    ☉如有其他问题,请加网站客服QQ(55587697)进行交流。
    相关网站教程
    在线客服