임의의 텍스트에 execCommand 스타일 적용

Question

일부 텍스트에서 execCommand을 실행하는 방법을 알고 있지만 내 contenteditable div에 다른 텍스트를 실행할 수있는 방법이 있습니까?

Answer 1

IE에서 예. 다른 브라우저에서는 없습니다.

모든 주요 데스크톱 브라우저는 사용자 선택에만 적용되는 document.execCommand()의 일부 형식을 구현합니다. IE에서는 TextRange 개체도 execCommand 메서드를 사용합니다.

이

<div id="test">Here is a test div</div> 

<script type="text/javascript"> 
    var div = document.getElementById("test"); 
    div.onmouseover = function() { 
     if (document.body.createTextRange) { 
      var textRange = document.body.createTextRange(); 
      textRange.moveToElementText(div); 
      textRange.execCommand("foreColor", false, "green"); 
     } 
    }; 
</script> 

Answer 2

알고 계시지 않는 경우, .execCommand은 IE에서만 사용할 수있는 비표준 자바 스크립트 기능이므로 피해야합니다.

사용하고자하는 것을 알려 주시면 표준을 준수하는 대안을 제안 할 수 있습니다.