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

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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