如何并排使用两个CodeMirror编辑器

Question

我需要两个CodeMirror编辑并排，但他们总是互相展示。

我试过了：

1. 更改width CSS属性（textarea或父元素，例如span）。
2. 使用editor.setSize('50%', null)

但无法弄明白。

请看这个JSFiddle

Answer 1

尝试使用float：

<span style='float: left;'><textarea id='ta1'>First</textarea></span>
<span><textarea id='ta2'>Second</textarea></span>