突出显示用户在Javascript中对文本所做的编辑

时间:2011-04-24 01:52:48

标签: javascript jquery html editor diff

我尝试在页面中创建一个可编辑的文本字段,该字段突出显示用户在编辑时对文本所做的编辑。例如,用户插入或更改的文本应该显示在彩色背景上,删除应该通过向相邻字符添加彩色背景(或者某种符号?)来表示......这似乎比我难得多我想在Javascript中做到这一点,我很惊讶我找不到任何已经实现了这样一个文本字段的代码。

你知道有什么能实现我正在寻找的东西吗?

谢谢!

2 个答案:

答案 0 :(得分:3)

您应该查看Google的Diff, Match and Patch libraries for Plain Text,它们是开源的,并且可以在其他语言中使用。

Diff demo

答案 1 :(得分:0)

Step1->
将原始值存储在变量V1

Step2->
将修改后的值存储在变量V2

Step3->
对于V2中的每个单词[单词至少被一个空格划分],请根据V1进行检查,如果它与HTML标签不相同,请点亮它!