codemirror 双屏

CodeMirror 是一个功能强大的 JavaScript 文本编辑器库，它提供了丰富的可定制选项和高度交互式的代码编辑体验。在某些场景下，你可以使用 CodeMirror 实现双屏编辑，比如一个屏幕用于实时预览，另一个屏幕用于编写代码。

1. 实现双屏编辑：你可以利用 CodeMirror 的实时同步（如 `CodeMirror.fromTextArea` 和 `CodeMirror.on`）功能，分别在一个textarea中设置为编辑区，另一个textarea设置为显示区。当用户在编辑区修改代码时，显示区会自动更新以实时反映更改。

2. 结合HTML布局：在HTML结构中，为两个textarea或类似的元素设置合适的CSS布局，比如使用`position: absolute`或`float`来控制它们在页面上的位置。

3. 自定义事件处理：监听编辑区的`change`或`cursorActivity`事件，以便在用户输入时更新显示区。