在<div contenteditable =“true”>中创建换行符>使用jQuery </div>使其变得奇怪

Question

我正在研究这个问题：http://jsfiddle.net/ms2fV/
当你输入第一个div时，第二个div会用相同的东西写颜色 如果只做一行，它就可以了。但是如果你添加换行符，它会开始变得怪异，因为添加了一些div ......

如何使其与多行一起使用？
谢谢！

编辑：它在firefox上正常工作，但在我的mac上没有chrome或safari ...

Answer 1

我检查了你的问题，可以通过改变这样的css进行整理。

#entry {
    width: 300px;
    height: 100px;
    border: 1px solid black;
    margin-top: 5px;
    padding:5px;
}
#display {
    width: 300px;
    height: 100px;
    border: 1px solid black;
    margin-top: 5px;
    padding:5px;
}