1

http://jsfiddle.net/88NAw/

Выделите например "текст" и нажмите на "Вставить тег". Почему вместо того, чтобы выделилось слово "текст" тегами <b></b>, добавляются по бокам ещё слова "текст"? Для textarea этот код работает отлично, а вот для div с contenteditable="true" нет :(

При выделении должно быть так:

<b> текст </b>

, а выходит так:

текст <b> текст </b> текст

1 ответ 1

3

Обновлено:

var selection = window.getSelection().getRangeAt(0);
var selectedText = selection.extractContents();

var tagname = $(open + close);
tagname[0].appendChild(selectedText);
selection.insertNode(tagname[0]);

if (selectedText.childNodes[1] != undefined){
    console.log(selectedText.childNodes[1]);
    $(selectedText.childNodes[1]).remove();
}

http://jsfiddle.net/88NAw/4/

7
  • @lampa, Вы не совсем меня поняли. Неправильно выделяется текст. jsfiddle.net/88NAw Вы протестируйте, как работает выделение вообще. Тегами обводит, да. text - для теста, чтобы видеть. Но при выделении должно быть так: >> <b> текст </b>, а выходит так: >>текст <b> текст </b> текст
    – ModaL
    22 авг 2013 в 12:52
  • О, сори! Юзай window.getSelection(); Я сейчас обновлю ответ.
    – lampa
    22 авг 2013 в 13:14
  • @lampa, вот уже лучше. Хоть выделенные буквы обрамляет в теги. Но если выделить весь текст, то опять проблема. jsfiddle.net/88NAw/1
    – ModaL
    22 авг 2013 в 13:27
  • @ModaL переделал.
    – lampa
    22 авг 2013 в 13:38
  • @lampa, перевел Вам 250 очков за то, что помогаете :) Но вот ещё смотрите, jsfiddle.net/88NAw/2 попробуйте выделить "ещё текст", он не выделится и + убьётся перенос строк...
    – ModaL
    22 авг 2013 в 13:47

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.