Apply jquery css to contenteditable text selection

Question

Can i apply css to selected text in a contenteditable div instead of using execcommand. For exmaple i would like to use jquery to apply css to a selected range such as $(savedRange).css({'color':'red'}); But that does work. Can this be done.

I already have the saveselection and restoreselection functions working where i can save and restore selected text. The variable savedRange is what contains the saved text.

Josiah Ruddell · Answer 1 · 2011-01-19T20:55:21.227

0

You will need to wrap the selected text with a inline element (such as a span) and then style that element. You can try the wrap function. It would be hard to say for sure without having an example.

$(savedRange).wrap('<span />').css({'color':'red'});

edited Jan 19 '11 at 20:55

answered Jan 19 '11 at 20:09

Josiah Ruddell

29,697
8
65
67

This doesn't work on savedRanges. I will try to post a the code on jsfiddle so you can see what i mean. – Hussein Jan 19 '11 at 21:09

score 0 · Accepted Answer · edited May 23 '17 at 11:55

0

How can I use jQuery to apply css to savedRange text selection?

edited May 23 '17 at 11:55

Community

1
1

answered Feb 11 '11 at 03:52

Hussein

42,480
25
113
143

Apply jquery css to contenteditable text selection

2 Answers2