Как я могу использовать jQuery для применения CSS к выделенному тексту выделенного текста?

Question

Можно ли применять теги css или wrap вокруг выделенного текста сохраненного диапазона. Я использую jquery.

это не работает:

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

Answer 1

Если под "saveRange" вы подразумеваете что-то вроде этого:

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

Тогда вам сначала нужно будет создать оболочку для диапазона, например:

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

Затем вы можете применить стиль:

$(wrapper).css(...)

Answer 2

просто используйте это:

var sel = window.getSelection();
var range = sel.getRangeAt(0);
var tag = range.commonAncestorContainer.parentElement;

$(tag).css({'color':'red'});
// you can add css again using jquery

надежда может помочь.

Answer 3

Он не будет работать с выделенным текстом, но при этом будет добавлен тег HTML со стилем вокруг другого элемента HTML.

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