我想在HTML页面上显示语法突出显示的文件（例如HTML，Java，C），其中特定的行列位置已经过编程突出显示 . 例如，给出文本：

the quick brown fox
jumped over the
lazy dog

我想要突出显示三个字母长的所有单词，以便在显示时显示在它们前面的标记，例如“！”在这里用作标记，但我想用CSS来设置我想要的样式（所以每个标记都是一个！元素或类似的东西）：

!the quick brown !fox
jumped over !the
lazy !dog

我怎么能用PrismJs做到这一点？

我调查过的事情：

  • 我找到了线条荧光笔插件，但这只是突出显示的行https://prismjs.com/plugins/line-highlight/

  • 我以为我可以将标记直接插入到文本中（例如作为文本“MARKER”），然后让PrismJs生成带有语法高亮显示的HTML，然后修改HTML以让我按照我想要的方式显示标记 . 但是，这看起来很混乱，不同的文本标记会破坏不同文档类型的语法突出显示 .

javascript html css prismjs