javascript - 有没有办法让 ruby​​ 文本转换为 HTML 文本，以用于索引目的？或者如何准确获取 HTML 文本的索引？

Question

在上图中，我选择了从索引 140 开始到索引 155 结束的短语“macro up myself”。
(索引是通过父元素(包含所有文本的 div)的 .outerHTML 计算的)

现在，在第二张图片中，您可以看到跨度(在 HTML 屏幕截图中创建浅蓝色突出显示的部分)没有放置在应有的位置。另外，记下左上角的数字。起始索引相同，结束索引只是第一张图片的结束索引+<span class="cha... ...50">的长度。

我如何获取索引:从 javascript 方面:(如第一张图片所示)

   start_index = parent_element.html().indexOf(selection[0].outerHTML) - 33; // already have a large arbitrary offset, but I'd prefer to know why the indexes aren't lined up.
   end_index = start_index + html.length;

这些索引被传递到 Rails 服务器，它应该在文本中插入跨度，但索引与 HTML 中跨度突出显示的位置不匹配。

所以我的问题是:如何获得准确的索引？

Answer 1

也许您需要一个更清晰的文本版本来使用(您那里有空白，看起来像)。像这样的东西:

start_index = $.trim(parent_element.text())

在 ruby​​ 端你可能需要做同样的事情来确保你在任何一个上都没有空格。此外，您的输出显示了一些 html 实体(')，因此在 ruby​​ 代码中，您可能需要确保您使用的是 before 字符串的索引特殊字符得到 html 编码。