使用百度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编辑器生成的数据。

posted @ 2015-01-09 14:53  安迪9468  阅读(330)  评论(0编辑  收藏  举报