Текстовый редактор с designMode. Как заставить designMode использовать теги HTML вместо промежутков

Question

Я создал небольшой текстовый редактор с iframe и designMode. (вот пример, не закодированный мной http://jsfiddle.net/Kxmaf/6/.Я нашел его здесь в Stackoverflow).

Если я получить содержимое фрейма (document.body.innerHTML) получается нечто вроде этого: <span style="font-weight: bold;">Test</span> Text <span style="font-style: italic;">Text</span> <span style="text-decoration: underline;">TT</span>

Можно ли установить DesignMode использовать теги вместо пролеты с атрибутом стиля?

Любая помощь очень ценится :)

Answer 1

В большинстве браузеров (но не IE), вы можете использовать команду «StyleWithCSS» для переключения между режимами стиля, что позволяет выбирать между моделированием с использованием таких элементов, как <b> и <i> или стиль с использованием <span> элементов со свойствами стиля. Вы можете сделать это, используя команду «StyleWithCSS», возвращаясь к «UseCSS» в старых браузерах. Следующие команды переключателей используют версию, отличную от CSS:

try { 
    if (!document.execCommand("StyleWithCSS", false, useCss)) { 
     // The value required by UseCSS is the inverse of what you'd expect 
     document.execCommand("UseCSS", false, !useCss); 
    } 
} catch (ex) { 
    // IE doesn't recognise these commands and throws. 
}