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