删除contenteditable div的内容，添加奇怪的字体元素

我有一个contenteditable div的问题。删除contenteditable div的内容，添加奇怪的字体元素

的DIV开始用一种风格的跨度，但是当我删除的内容，写出现一个新元素的字体，用相同的字体，但与大小转换，24〜5

问题是什么？我如何设置跨度？

我打一个比方，看到控制台日志，当你删除所有从内容编辑，写...

<div contenteditable="true" id="test"> 
     <span style="font-family:Arial;font-size:24px;">Hello!!!</span> 
</div>

附：对不起我的不好的学校英语，并感谢所有！

来源

2013-04-28 Valerio Cicero

您可以简单地将字体属性设置为跨度的父元素（在您的情况下#test）。如果这样做，则不必在跨度中指定字体属性;他们只会被遗传。如果你想单独指定特定的子元素就像在你#TEST DIV所以只是在你的提琴改变这个CSS规则

#test{width:300px; height:200px; background-color:black; color:white;}

到

#test{width:300px; height:200px; background-color:black; color:white; font-family:Arial;font-size:24px;}

，您可以添加这样的CSS line：

#test span {font-family:Arial;font-size:24px;}

编辑：你的问题发生的原因：当你删除'你好!!!'从#test中，跨度也被删除，删除所有字体样式。这就是为什么你必须将字体样式放在#test上。我重新编辑了小提琴，你会看到每当你弹出#test的时候，你的字体大小都保持不变; #test没有子元素。 http://jsfiddle.net/bVvxp/4/

来源

2013-04-28 13:21:37 Tyblitz

你必须试试jsfiddle ..... – 2013-04-28 14:12:34

编辑我的答案，希望这是你要找的 – Tyblitz 2013-04-28 15:36:27

谢谢，但我不能在div父母上设置样式。 – 2013-04-28 16:17:58

删除contenteditable div的内容，添加奇怪的字体元素

回答

相关问题