codemirror无法键入编辑器

Question

问题是，在初始化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'
});

此时如果textarea在css中未被触及，我可以输入编辑器，但是我这样做：

textarea {
    display:none;
}

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

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

Answer 1

CodeMirror聚焦隐藏的textarea来处理用户输入。您的规则将匹配该元素并将其设置为none，这意味着它无法聚焦，因此您无法聚焦CodeMirror实例。

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