如何使用jQuery將css應用於savedRange文本選擇？

Question

是否可以在savedRange文本選擇周圍應用css或換行標籤。我使用jQuery。

這不起作用：

$(savedRange).css(...); 
$(savedRange).wrap(...); 

Answer 1

它不會在選擇的文本工作，但這樣做的話HTML標籤的一些風格在它周圍的另一個HTML元素。

$(savedRange).wrap('<span style="color:red" />'); 

Answer 2

如果 「savedRange」 你的意思是這樣的：

selection = window.getSelection() 
savedRange = selection.getRangeAt(0) 

然後，你必須首先創建範圍的包裝，像這樣：

wrapper = document.createElement('span') 
savedRange.surroundContents(wrapper) 
selection.selectAllChildren(wrapper) 

你可以然後應用樣式：

$(wrapper).css(...)