Как обернуть и развернуть выделенный текст в contenteditable div?

Question

Как обернуть и развернуть выделенный текст в contenteditable div?

JsFiddle Demo полностью работает для переноса текста, но я не знаю, как это развернуть выделенный текст.

 range.text = '[' + tag + ']' + selectedText + '[/' + tag + ']';

как это развернуть тег и получить оригинальный выделенный текст.

1

javascript jquery contenteditable rangy

Источник

user2419706 09 дек '13 в 07:11

3 ответа

Другие вопросы по тегам javascript jquery contenteditable rangy

user2706794 09 дек '13 в 07:21 2013-12-09 07:21 · Answer 1 · 2013-12-09 07:21

Если вы не хотите использовать jQuery, вы можете использовать что-то вроде этого:

var element = document.createElement('span');
element.originalText = selectedText;
element.textContent = '[' + tag + ']' + selectedText + '[/' + tag + ']';
element.onclick = function() {
    this.parentNode.replaceChild(document.createTextNode(this.originalText), this);  
};
range.insertNode(element);

я использовал span элемент здесь, а не textNode, его легко использовать в ваших целях. Но вам нужно позаботиться о совместимости браузера.

user2925963 09 дек '13 в 07:16 2013-12-09 07:16 · Answer 2 · 2013-12-09 07:16

JQuery избавит вас от многих проблем здесь:

JQuery Wrap Документы

jQuery unwrap() документы

$('Findyourtaghere') содержание () разворачивать ()..;

1

Источник

user2925963 09 дек '13 в 07:16

user12114919 23 окт '21 в 04:17 2021-10-23 04:17 · Answer 3 · 2021-10-23 04:17

Я все еще не нашел то, что искал, но я нашел решение для того, что вы ищете, эта единственная строка возьмет родительский элемент выделенного текста и удалит его, сохраняя текст там, где он есть, если вы не выберете что-то другое, кроме текста, например, элемент, но тогда это была бы другая проблема.

      $(window.getSelection().anchorNode.parentElement).unwrap();