使用PrismJs显示文本并突出显示特定的行和列位置

时间:2018-12-09 00:47:57

标签: javascript html css prismjs

我想在以编程方式突出显示特定行+列位置的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以让我显示标记我想要的。但是,这看起来很杂乱,不同的文本标记会破坏不同文档类型的语法高亮显示。

0 个答案:

没有答案