Google Code Prettify 高亮演示
这是一个完整的 HTML 代码示例，展示了 JavaScript、CSS 和 HTML 混合编写。
<!doctype html>
<html>
<head>
<title>HTML Test</title>
<script type="text/javascript">
// Say hello world until the user starts questioning
// the meaningfulness of their existence.
function helloWorld(world) {
for (var i = 42; --i >= 0;) {
alert("Hello " + String(world));
}
}
</script>
<style type="text/css">
p { color: pink; }
b { color: blue; }
u { color: "umber"; }
</style>
</head>
<body>
<h1>Hello world!</h1>
</body>
</html>
该代码块可正确高亮 HTML 标签、CSS 属性、JavaScript 函数和注释。注意代码中的 < 和 > 已正确转义。
使用说明
- 在 WordPress 古腾堡编辑器中，添加“自定义 HTML”块，粘贴上方完整内容。
- 若使用经典编辑器，请切换到“文本”模式后粘贴。
- 如果高亮未生效，请检查主题是否已加载 jQuery 或存在冲突。