如上图,有时候我们需要让文章中的代码高亮显示,我们应该怎么实现呢?
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步,在后台发布内容,插入代码,写入需要高亮的代码即可。