ContentEditable JS를 사용하여 문자열 바꾸기

Question

나는 ContentEditable 섹션을 가지고 있습니다. 사용자가 선택한 항목을 가져 와서 새 문자열로 바꾸고 싶습니다.

그래서 선택한 문자열의 시작과 끝을 원한다면 이전 문자열을 제거하고 새 문자열을 제자리에 두십시오 (오래 걸림).

예 :

I에 유래가 텍스트를 굵게 만들기 위해하는 것처럼, 그 선택된 단어 주위에 '별'을 추가 할

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

.

StackOverflow에 대한 수많은 질문을 읽었지만 아무도이 질문에 대답 할 수 없습니다. 그리고 나는 작동하지 않는 많은 발췌 문장을 시도했다. :피.

참고 : jQuery를 사용하고 있습니다.

감사합니다.

Answer 1

이 스레드는 원하는 텍스트와 매우 비슷한 범위의 텍스트를 배치하는 것을 기반으로합니다. 코드와 바이올린은

Wrapping a selected text node with span

Answer 2

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

str = str.replace(foo, bar);