javascript - 使用 javascript 突出显示代码示例中的语法。

标签 javascript html css syntax-highlighting

所以,我正在寻找如何做一些类似于 Stackoverflow 的代码的事情:

例如“var”是彩色的,而“test”则不是

var test

我如何编写 JavaScript 函数来执行此操作?

这是我尝试过的

if ("var")  {
document.getElementByTagName("code").style.color="purple";
}

因此,当文本“var”位于“code”元素中时,它会变成“var”紫色。

最佳答案

我会将变量名称包装在一个跨度中

<code>
  var <span class="variable-name">test</span>
</code>

然后只为跨度着色,jQuery 使这变得更容易

$('code span.variable-name').css('color', 'purple');

但是,还有语法突出显示库可以使整个事情变得更容易,因为这在很大程度上是一个已解决的问题:) Here is an example

关于javascript - 使用 javascript 突出显示代码示例中的语法。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19802427/

相关文章:

javascript - 在 Vue.js 2.0 中按两个或多个选择过滤列表

javascript - 检测 JavaScript 版本

javascript - 预期语法错误 : Unexpected token,,(10:10)

html - CSS ID 和类没有任何区别

javascript - JS 函数 - 数学优化,某些情况下减 1

c# - Javascript 不接受日期或字符串作为使用 Razor 和 MVVM 的参数

html - 打印长列表时如何避免分页

javascript - 使用 DOM 更改表格的 <td> 元素

html - IE 中使用边距和表格的 CSS 问题

css - div 未扩展为所有显示器尺寸的百分比