HTML RTF文本編輯：在選擇內容周圍包裝自定義html

Question

我正在通過jWysiwyg庫使用html 5 RTF編輯。 我希望能夠用自定義HTML包圍文檔的選定部分，就像人們在文檔上突出顯示文本並將其標記為粗體一樣。 關於該主題的信息非常有限，我甚至不確定是否可行。 我也嘗試獲取頁面的原始html選擇，但到目前為止，我只能獲得屏幕上突出顯示的內容的純文本版本。 任何建議將不勝感激。

Answer 1

經過進一步研究，我發現jWysiwyg中的getInternalRange（）函數有效地返回了由document.createRange（）生成的對象。 閱讀文檔后，我能夠找到滿足我需求的SurroundContents（）方法。 下面提供一個示例。 我正在使用jQuery，因此我還將演示如何使用jQuery為您生成html元素：

var range = document.createRange();

range.surroundContents($('<span style="background-color: red;" />').get(0));

這個特定的示例以紅色突出顯示了選定的文本，但是可以輕松地概括該示例，以允許開發人員將選擇內容周圍包含任意數量的html元素。