使用百度ueditor的插件使得代码高亮显示
一、在show.html模板中,引入ueditor的插件,并调用
<link rel="stylesheet" href="__ROOT__/Data/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" /> <script type="text/javascript" src="__ROOT__/Data/ueditor/third-party/SyntaxHighlighter/shCore.js" ></script> <script type="text/javascript"> SyntaxHighlighter.all(); </script>
二、在show.html模板中,调用代码文章内容,并强制换行
<div class='content' style="word-break: break-all;"> {$Show_blog.content} </div>
三、OK了,运行试试。
注意:第二步中的content是由百度ueditor编辑器生成的数据。