개체를 만들지 않고 캐럿 위치에 insertHTML을 삽입했습니다.

<div contenteditable="true"><span> Some text.. </span></div>

캐럿 닫기 및 열기 간격 태그 대신 삽입해야합니다. 마찬가지로 :

<div contenteditable="true"><span> Some </span><span> text.. </span></div>

나는 insertHTML를하여 만들려고 :

document.execCommand('insertHTML', false, '</span><span>');

그것은 Crome 스에서 작동하지만, 파이어 폭스 범위 객체를 만들고 여기에 삽입 (유효한 HTML를 삽입). 그것은 밝혀졌다 :

<div contenteditable="true"><span> Some <span></span> text.. </span></div>

누구든지 contentable div 안에 span 태그를 분할하는 방법을 알고 있습니까?

document.getElementById("myDiv").innerHTML = "<span>Here is the new Content!</span>";

그리고 당신의 사업부 id="myDiv"을 제공 : 미리 감사

그래서 정말로 원하는 것은 각 단어를 자신의 ''태그로 분리하는 것입니다. jQuery와 같은 써드 파티 라이브러리를 사용하면 괜찮습니까? –

@TomasLycken, Ohhh. 각 단어를 ''태그로 구분하고 싶지 않습니다. 그게 내가 필요한 : http://jsfiddle.net/cwm3tbtu/하지만 파이어 폭스에서 작동하지 않습니다. –

당신은 그냥 HTML 코드를 삽입 할 innerHTML 속성을 사용할 수에, 여기에 자바 스크립트를 사용하여 예입니다.

2014-10-24 10:56:53

캐럿을 같은 위치에 두어야합니다. 이 경우, 캐럿은 끝으로 이동합니다. –

@VasyaShmarovoz 당신이 의미하는 바를 실제로 이해하지 못합니다.하지만 스팬 요소에 ID를 부여하고 span 안에 innerHtml이있는 텍스트를 삽입 할 수도 있습니다. 에 대한? – sebbzzz

@VasyaShmarovoz 예, 실제로는 명확하지 않지만 처음에는 빈 div를 넣고 콘텐츠를 추가하고 innerHTML을 사용하여 채 웁니다. –

답변