Для обертки выделенного текста в div использую insertNode. Оборачивая тегами, текст приобретает жирность например для тега <b>
Как обернуть тегами так, чтобы они были видны в div (<b>текст</b>), а не текст

17th
Насколько мне известно- только через js!
При ваоде с клавиатуры тег img вел себя как текст, а вот через js сделался тегом

В этом и есть собственно вопрос, как вставить тег с помощью js, чтобы он считался текстом, а не тегом.

var selection = window.getSelection().getRangeAt(0);
var selectedText = selection.extractContents();
var span = document.createElement(bb[index]);
span.appendChild(selectedText);
selection.insertNode(span);

здесь мы получаем тег <b> в виде тега, а нужно, чтобы он был текстом

ладно, буду оборачивать в [b]