ContentEditable Replace String с использованием JS

Question

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

Так что я хочу, чтобы в начале и конце выбранной строки, удалить старую строку, положить новую строку на место (будет длиннее).

Пример:

Typed String: 'Hello, World!'
Selected String: 'World'
String to replace with: '** World **'

Я хочу добавить «звездочки» вокруг выбранного слова, как это делает StackOverflow для выделения текста жирным шрифтом.

Я прочитал множество вопросов по StackOverflow, но никто не смог ответить на этот вопрос. И я пробовал так много фрагментов, которые не работают. : P.

Примечание: я использую jQuery.

Спасибо.

Answer 1

Эта тема основана на переносе выделенного текста в промежуток ... очень близкий к тому, что вы хотите. Код и скрипты должны дать вам то, что вам нужно

Обтекание выбранного текстового узла диапазоном

Answer 2

var str = 'Hello, World!'; var foo = 'World'; var bar = '** World **';

str = str.replace(foo, bar);