применить стиль с 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 - это только нестандартная функция javascript, которую следует избегать.

Если вы сообщите нам, для чего вы хотите его использовать, тогда мы можем предложить альтернативу, соответствующую стандартам.