HTML — Редактор форматированного текста для IE

Technorati Теги: IFRAME,designMode,Редактор HTML,Расширенный редактор

Элемент HTML страниц IFRAME может работать в режиме редактирования HTML. К сожалению перевести IFRAME в режим редактирования можно только программно из javascript.

<iframe src="HtmlEditor_template.html" id="editor" name="editor"></iframe>
<script type="text/javascript" >
    var edit = document.getElementById(‘editor’);
   
    // Перевод в режим редактирования
    edit.document.designMode = "On";

    // Вызов команд в редакторе (второй параметр означает показывать ли диалоговые окна)
    edit.focus();
        edit.document.execCommand(‘Undo’, false, null);   
        edit.document.execCommand(‘Bold’, false, null);
        edit.document.execCommand(‘ForeColor’, false, ‘#ff0000’);
        edit.document.execCommand(‘JustifyCenter’, false, null);
        edit.document.execCommand(‘CreateLink’, true, null);

    // Определение состояний редактора
        var enableUndo = edit.document.queryCommandEnabled(‘Undo’);
        var isOl = edit.document.queryCommandState(‘InsertOrderedList’);
        var alignCenter = edit.document.queryCommandState(‘JustifyCenter’);
       
        var isB = false;
        if (sText.text != "")
               isB = sText.queryCommandState(‘Bold’); // Если выделен фрагмент определяется для него
        else
              isB = edit.document.queryCommandState(‘Bold’); // Если не выделен то для всего редактора
       
</script>

   Пример: Редактор HTML на страничке для IE