javascript - 如何为反应代码镜像添加右括号和关闭标签

Question

我在反应项目中使用 react-codemirror2 。我想添加自动括号关闭和自动标签关闭等功能。有一个名为 @codemirror/closebrackets 的 npm 包，但我找不到任何文档来做到这一点。

        <ControlledEditor
            onBeforeChange={handleChange}
            value={value}
            className="code-mirror-wrapper"
            options={{
                linerWrapping: true,
                lint: true,
                mode: language,
                theme: 'material',
                lineNumbers: true
            }}
        />

这是我的反应组件。指定是否有办法不用像 @codemirror/closebrackets 这样的附加包。

Answer 1

您可以添加autoCloseBrackets: true到您的选项，它会正常工作。从文档：

定义一个选项 autoCloseBrackets，它会在键入时自动关闭括号和引号。

import 'codemirror/addon/edit/closebrackets'

// other parts of the code//

<ControlledEditor
            onBeforeChange={handleChange}
            value={value}
            className="code-mirror-wrapper"
            options={{
                linerWrapping: true,
                lint: true,
                mode: language,
                theme: 'material',
                lineNumbers: true,
                autoCloseBrackets: true,
            }}
        />