有沒有辦法讓ruby文本轉換為HTML文本，以便進行索引？ 或者如何准確地獲取HTML中的文本索引？

Question

在上面的圖像中，我選擇了短語“我自己的宏”，它從索引140開始，到索引155結束。
（索引是通過父元素的.outerHTML計算的（包含所有文本的div））

現在，在第二個圖像中，您可以看到跨度（在HTML屏幕截圖中創建淺藍色突出顯示的部分）未放置在應有的位置。 另外，請記下左上角的數字。 起始索引是相同的，結束索引只是第一張圖片的結束索引+ <span class="cha... ...50">的長度<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())

在紅寶石方面，您可能需要做同樣的事情，以確保任何一個都沒有空格。 此外，您的輸出顯示了一些html實體（ ' ），因此在ruby代碼中，您可能需要確保在特殊字符獲得html編碼之前使用字符串的索引。