contenteditable в chrome и safari заменяет классы и правила css встроенным стилем - PullRequest
4 голосов
/ 01 декабря 2011

Я пишу простой редактор wysiwyg с возможностью применять классы CSS к тексту. В chrome и safari я столкнулся со следующей проблемой:

В области содержимого, если вы вручную добавляете класс CSSк элементу, или иметь правило CSS для h1 (например) с «display: inline».После некоторых операций, таких как удаление или копирование / вырезка + вставка, вы получаете стиль как встроенный стиль и теряете все атрибуты элементов.Я предполагаю, что браузер устанавливает только соответствующий вычисляемый стиль для элемента.Есть ли способ предотвратить такое поведение?

<span class="red">aaaaaaaa bbbbbbbbbbb</span> 

=>

<span class="Apple-style-span" style="color: rgb(255, 0, 0); font-size:     20px;">bbbbbbbbbbbbbbbbbbbbbb</span>

• Этот пример с 'styleWithCss'

...