javascript - 在 Codemirror 中的同一行上同时使用 closetag.js 和右括号.js

Question

所以我正在使用文本区域实现 Codemirror 库，这样我就可以自动关闭 HTML 标签和括号 - {}、()、[]。然而，我在使用它们时注意到它们不能在同一条线上一起工作。

假设我正在输入这样的标签:

<div></div>

它会自动关闭，并且光标位于上面两个标签之间的中间。但如果我尝试添加括号:

<div>{</div>

由于 closebrackets.js 的工作方式，它不会关闭。在它自己的线路上它可以工作。我发现了一个廉价的 hack，在 closetag.js 中(第 80 行)，你可以添加一个空格，将其更改为:

text: ">" + (indent ? "\n\n" : "") + "</" + tagName + ">",

至

text: ">" + (indent ? "\n\n" : " ") + "</" + tagName + ">",

然后标签像这样关闭:

<div> </div>

但是这有点烦人和丑陋，因为你有这个额外的空间，只是为了让它更流畅一点。

知道如何在同一行上实现这两个功能吗？

Answer 1

CodeMirror 的闭括号插件复制了 Sublime Text 的行为，因为只有当光标位于另一个结束字符或空格前面时它才会自动关闭。我并不是特别喜欢这种行为，但我也不想根据单个用例进行随机更改。其他行为有先例吗？如果是这样，这种行为到底如何运作？ HTML 标签之间的左括号听起来不像是一个非常常见的用例。