如何创建:语法高亮器

学习如何创建和使用语法高亮器。

语法高亮器

当你为代码片段添加一些颜色时,它们会更容易阅读:

Testing an HTML Syntax Highlighter

Hello world!

Back to School

如何创建语法高亮器

第一步 - 添加 HTML:

包含 HTML 代码的





Testing an HTML Syntax Highlighter


Hello world!


Back to School


第二步 - 添加 JavaScript:

创建一个名为 "w3CodeColor" 的函数,并使用 DIV 元素作为参数来调用它:

w3CodeColor(document.getElementById("myDiv"));
function w3CodeColor(elmnt) {
  // click "Try it Yourself" to see the JavaScript...
}

亲自试一试