前端问题求助

文字高亮常规做法是使用一些富文本编辑器的高亮功能。另外还可以看看浏览器的 highlight api 。

如果只是问纯前端的实现，我理解这就是怎么定义渲染这个效果的数据结构的问题吧
例如左[{type: 'normal', content: '作者：小飞飞，撰写于'}, {type: 'delete', content: '6 月 31 日'}, {type: 'replace', content: '既往开来,replacer: '继往开来'}]
左侧就可以通过这个数组直接渲染，type 非 normal 代表是特殊的需要处理，就给个特殊的样式，右边校对部分，就找到这个结构中特殊的 type ，然后根据其 type 值是删除还是替换来做不同的显示。
不知道你是不是想问这个。

如果左边要能编辑的，基本上要用那些富文本编辑器了，推荐用 基于 promisemirror 的 tiptap ，然后看这里 https://prosemirror.net/examples/lint/