在我的元素中,我使用 SyntaxHighlighter jQuery 插件来显示代码示例。 我真的很喜欢它,但我遇到了一个问题。 当我需要显示包含 HTML 的代码示例时,插件无法正常工作。
我添加了我需要的所有脚本和样式表:
<link rel="stylesheet" type="text/css" href="syntax/styles/shCoreEclipse.css"/>
<script src="syntax/scripts/shCore.js"></script>
<script src="syntax/scripts/shBrushPhp.js"></script>
<script src="syntax/scripts/shBrushXml.js"></script>
然后我有我的前置标签:
<pre class="brush: php; toolbar: false; html-script: true;">
<html>
<body>
<div style="font-weight: bold"><?= str_replace("\n", "<br/>", $var) ?></div>
<?
/***********************************
** Multiline block comments
**********************************/
$stringWithUrl = "http://alexgorbatchev.com";
$stringWithUrl = 'http://alexgorbatchev.com';
ob_start("parseOutputBuffer"); // Start Code Buffering
session_start();
?>
</body>
</html>
</pre>
我得到的输出是:
<div style="font-weight: bold"><!--?= str_replace("\n", "<br/-->", $var) ?></div>
<!--?
/***********************************
** Multiline block comments
**********************************/
$stringWithUrl = "http://alexgorbatchev.com";
$stringWithUrl = 'http://alexgorbatchev.com';
ob_start("parseOutputBuffer"); // Start Code Buffering
session_start();
?-->
Highlighter 删除了我的 html 和 body 标签。 我正在做文档中的所有事情:http://alexgorbatchev.com/SyntaxHighlighter/manual/demo/html-script.html
我做错了什么?
最佳答案
添加此 Js 文件 xregexp-min.js(从 here 下载)并添加以下脚本
<script type="text/javascript">
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.defaults['smart-tabs'] = false;
SyntaxHighlighter.all();
</script>
可能对你有帮助
关于javascript - SyntaxHighlighter 不能正确显示 html 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25723448/