codemirror 无法输入到编辑器答案

【问题标题】：codemirror can't type to the editorcodemirror 无法输入到编辑器
【发布时间】：2017-07-18 14:22:26
【问题描述】：

问题是，在初始化 codemirror 插件后，如果 css 中的 textatea 设置为 display:none;，我无法在编辑器中输入，这些是我遵循的步骤：

a) 创建和附加 textarea 元素：

var txt = document.createElement('TEXTAREA');
document.body.appendChild(txt);

b) 初始化 codemirror 插件：

var html_edit = CodeMirror.fromTextArea(txt, {
    mode: 'htmlmixed'
});

那时，如果 css 中的 textarea 没有被触及，我可以在编辑器中输入，但是我是否这样做：

textarea {
    display:none;
}

光标在编辑器中闪烁，但我无法在编辑器中输入。

我在 css 中将 textarea 设置为 display:none，因为在下载和初始化 codemirror 脚本之前，用户可以看到第二个看起来不太好的 textarea 元素。但是它产生了上述问题，也许有人处理过类似的情况，如何解决？

【问题讨论】：

【解决方案1】：

CodeMirror 专注于一个隐藏的文本区域来处理用户输入。您的规则将匹配该元素并将其设置为无显示，这意味着它无法聚焦，因此您无法聚焦您的 CodeMirror 实例。

使用更具体的 CSS 选择器，例如向您的 textarea 添加一个类，以便您只隐藏您创建的 textarea。

【讨论】：