2 つの HTML テキストを比較し、相違点をマークする

Question

2 つの HTML テキストの違いをマークしたいのですが、解決策を見つけました。すべてが期待どおりに機能します (削除されたファイルはクラス名 "del" を受け取り、挿入されたテキストはクラス名 "ins" と関連スタイルを受け取ります) 1 つだけ間違っています- 何らかの理由で、テキストが間違った場所にマークされています。

リーリー

私が書いたコードを呼び出します:

リーリー

a は最初の HTML、b は変更された HTML (文字列化されていない)

今後の進め方について何かアイデアはありますか?助けてくれてありがとう！

エラーが「create_index」関数内のどこかにあることはわかっています。テキストの長さを計算してテキストの長さと比較しているため、各タグ/単語は 1 つとしてカウントされます。

コードサンドボックス

Answer 1

解決しました！このコードを使用したい場合は、この部分を切り替えてください:

リーリー ＃＃＃に関して： ＃＃＃

リーリー

ここで、a と b は 2 つの HTML テキストです: a (最初)、b (変更)

ここで新しいコードを試すことができます:

CodeSandbox が解決しました!