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 и другие процессоры, которые сохраняют ваш стиль; однако эти уровни важны в нашем редакторе и должны быть сохранены. Если они могут'т яя бы просто отключил этоособенность".