chrome和safari中的contenteditable用内联样式替换css类和规则

时间:2011-11-30 20:04:28

标签: javascript html5 google-chrome contenteditable

我正在编写一个简单的wysiwyg编辑器,能够将css类应用于文本,我在chrome和safari中遇到了以下问题:

在contenteditale区域中,如果您手动将css类添加到元素,或者为h1(例如)使用'display:inline'创建css规则。在执行某些操作(如删除或复制/剪切+粘贴)之后,您将获得内联样式的样式并丢失元素上的所有属性。 我猜浏览器只在元素上设置相关的计算样式。 有没有办法阻止这种行为?

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

=&GT;

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

•此示例使用'styleWithCss'

0 个答案:

没有答案