任意のテキストに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のみの非標準のJavaScript関数です。避けてください。

あなたが使いたいことを教えていただけたら、標準に準拠した方法を提案することができます。