<iframe>의 IE에서 getSelection()이 작동하지 않습니다.

Question

내 other question에서 시작하는 answered은 Elian Ebbing입니다. 이제 iframe에 대해이 작업을 수행해야합니다 (묻지 않음).

기본적으로 iframe을 사용하는 편집기입니다.

jsfiddle에 테스트 환경을 코딩했습니다. 다음과 같이

코드는 다음과 같습니다

CSS :

h1{font-size:150%; border-bottom:1px solid #ddd; margin:20px auto 10px;} 

HTML :

<h1>Normal Text (works)</h1> 
<p>Alex Thomas</p> 
<button id="click">Click</button> 

<h1>iFrame</h1> 
<p>Type in some text:</p> 
<iframe id="iframe"></iframe> 
<br /><button id="iClick">Click</button> 

jQuery를

난 정말 당신이 사용하는 TextRanges 만들 iframe이의 document 객체를 사용할 필요가

Answer 1

감사합니다 ... 누군가가 나를 도울 수 있기를 바랍니다 :

function makeIframeSelectionRed() { 
    var range = document.getElementById("iframe").contentWindow.document.selection.createRange(); 
    range.pasteHTML("<span style='color: red'>" + range.htmlText + "</span>"); 
} 

$('#click').click(makeIframeSelectionRed); 

$('#iClick').click(makeIframeSelectionRed);