1
msmmbl 5 天前 via Android
文字高亮常规做法是使用一些富文本编辑器的高亮功能。另外还可以看看浏览器的 highlight api 。
|
2
lilywang 4 天前
如果只是问纯前端的实现,我理解这就是怎么定义渲染这个效果的数据结构的问题吧
例如左[{type: 'normal', content: '作者:小飞飞,撰写于'}, {type: 'delete', content: '6 月 31 日'}, {type: 'replace', content: '既往开来,replacer: '继往开来'}] 左侧就可以通过这个数组直接渲染,type 非 normal 代表是特殊的需要处理,就给个特殊的样式,右边校对部分,就找到这个结构中特殊的 type ,然后根据其 type 值是删除还是替换来做不同的显示。 不知道你是不是想问这个。 |
3
unhappy224 4 天前
如果左边要能编辑的,基本上要用那些富文本编辑器了,推荐用 基于 promisemirror 的 tiptap ,然后看这里 https://prosemirror.net/examples/lint/
|