Chrome пустой contenteditable сохраняя стиль

Chrome, кажется, делает что-то странное / интересное / сбивающее с толку, когда у меня есть спорный раздел на странице. Если у вас есть раздел текста, который обернут<span></span> (возможно, другие теги, я не знаю), к которым применен класс, который применяет дополнительные стили к тексту (семейство шрифтов, цвет и т. д.), а затем удаляет весь текст в редактируемом разделе. Когда вы начинаете вводить текст снова, текст выглядит так же, как и при удалении текста, но кажется, что он стилизован с помощью необработанного вычисленного CSS, а не с диапазоном с соответствующими классами.

http://jsfiddle.net/tomprogramming/wS4Gp/

Любая идея, почему это происходит, или я могу отключить его? Firefox и IE, похоже, поддерживают диапазон с классом.

Это то, с чего я начинаю

<span class="level1" style="font-weight:bold;">This is level'd text</span>

и это то, что я в конечном итоге

<span style="color: rgb(255, 255, 255); font-family: helvetica, arial, sans-serif; font-size: 48.18181610107422px; font-weight: bold;">This is level'd text</span>

И соответствующий CSS

.editable .level1 {
    color: #fff;
    font-size:3em;
    font-family:helvetica, arial, sans-serif;
}

Я понимаю чтопроисходит, этопытаемся вести себя как Word и другие процессоры, которые сохраняют ваш стиль; однако эти уровни важны в нашем редакторе и должны быть сохранены. Если они могут'т яя бы просто отключил этоособенность".

Ответы на вопрос(1)

Ваш ответ на вопрос