如何在父contentEditable div中键入？

如何在子contentEditable div之外输入contentEditable div，而不保留子类，并且不会将contenteditable更改为false。

小提琴

 meatball  

应该是这样的：

 
 meatball spaghetti  

不是这个：

 
 meatball spaghetti  

Answer 1

您应该可以单击红色框并键入红色。

  

 
 meatball spaghetti 
  

CSS

 #meatball{ border: 1px dashed blue; color:blue; padding: 0 30px 0 30px; font-size:20px; } .container{ border: 1px dashed red; color:red; } 

Answer 2

我改变了一些你的代码，也许你可以尝试这个，我希望它可以帮助你。 🙂

 #meatball{ border: 1px dashed blue; color:blue; padding: 0 30px 0 30px; font-size:20px; position:absolute; top: 0; left: 0; } .wrapper{ position:relative; } .item{ line-height:30px; min-height:30px; } .container{ border: 1px dashed red; color:red; padding-left: 150px; } 
 
 
meatball
  

Answer 3

像这样，通过添加一个不可见的字符来欺骗浏览器‌ http://jsfiddle.net/bq6jQ/4/ 。 我还添加了一个额外的来避免插入符号视觉错误