jQueryを使用してcssをsavedRangeテキスト選択に適用するにはどうすればよいですか？

Question

savedRangeテキスト選択の周りにcssまたはwrapタグを適用することは可能ですか？私は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(...)