作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在开发一个应用程序,用户可以将文本发送到服务器。然后服务器更改文本,并响应原始文本和修改后的文本。
如何在 JSON 中表示删除的文本。 (删除线)
例如像这样:
我想到了类似的事情:
包含所有文本的数组,分为包含笔划的位置和不包含笔划的位置:
data={
textBefore:'this is the first world. this is the second world',
textAfter:'this is first world. this is second world,
changes:[
{'nostroke':'this is th'},
{'stroe':'efirst world'},
{'nostroke':'in the third world'}
]
}
你还有什么更好的主意吗?
或者像这样:
data={
textBefore:'this is the first world. this is the second world',
textAfter:'this is first world. this is second world,
changes:[
{from:2,to:22,text:'repace from char 2 to char 22 with this text'},
{from:2,to:4} // This will only delete 2 chars
{from:2,to:2,text:'This will only append this text without replae},
]
最佳答案
我已经检查了 google-diff-match-patch
如何在数组中表示它,这就是结果。原始文本
和原始txet
之间的区别:
var x=new diff_match_patch().diff_main('original text','original txet')
JSON.stringify(x)
//Result
"[[0,"original t"],[-1,"e"],[0,"x"],[1,"e"],[0,"t"]]"
解释:
源代码:
https://code.google.com/archive/p/google-diff-match-patch/wikis/API.wiki
演示:
https://neil.fraser.name/software/diff_match_patch/svn/trunk/demos/demo_diff.html
感谢@Andriy 提供的链接
关于javascript - 如何在 JSON 中表示删除线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35405917/
我是一名优秀的程序员,十分优秀!