Ueditor实现代码的高亮显示

第一步：控制器如何处理包含“代码”的提交内容？

//UE编辑器会自动转义，无需手动转义;但html标签不会自动实体化，需要手动进行

$data['content']=I('content');

第二步：如何实现代码的高亮显示？

(1)引入所需文件

<link rel="stylesheet" href="/PHPxueba15/Data/Ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" />

<script type="text/JavaScript" src='/PHPxueba15/Data/Ueditor/third-party/SyntaxHighlighter/shCore.js'></script>

<script>

SyntaxHighlighter.all();

</script>

<style>

.container:before,.container:after{display:block;}

</style>

(2)内容显示处理

<div>{$article.content|htmlspecialchars_decode|stripslashes}</div>

(3)修改shCoreDefault.css样式文件

.syntaxhighlighter{background-color:#c7eaf2!important}

.syntaxhighlighter .gutter{color:#f9a225!important;background-color:#bbdee7!important;}