Javascript 不允许在HTML锚标记中使用插入符号

我有一个

contenteditable

段落，包含多个锚定标记，如下所示。每个锚定标记包含带方括号的文本。假设管道是插入符号：

<p contenteditable='true'>This is some <a>[text]|</a>. Here is some <a>[more]</a></p>

这是一些
但是没有一个能满足我的特殊需要。提前谢谢
 将锚定设置为不可编辑内容，用户将无法编辑其中的文本。（但是，他们可以将其删除）


这是一些[文本]。这里有一些[更多]
将锚定设置为不可编辑，用户将无法编辑其中的文本。（但是，他们可以将其删除）


这是一些[文本]。这里有一些[更多]
，因此您只希望
[]
中的文本可编辑@三倍于你需要嵌套它们！我喜欢所有额外的html标记。：）整个锚定标记及其内容都是可编辑的。我只想不允许光标位于文本“]”和html“.”之间。发生的事情是，我正在编辑段落，有时我在结束方括号后键入，并获得不同的样式，因为从技术上讲，光标位于锚定标记的“内部”。第二个示例中的代码就是这样做的。您可以更改[和]之间的任何文本，但不能在[和]之前和之后输入文本。括号也可编辑。正如我前面所说，“整个锚定标记及其内容都需要可编辑。”所以您只希望
[]
中的文本可以编辑@三倍于你需要嵌套它们！我喜欢所有额外的html标记。：）整个锚定标记及其内容都是可编辑的。我只想不允许光标位于文本“]”和html“.”之间。发生的事情是，我正在编辑段落，有时我在结束方括号后键入，并获得不同的样式，因为从技术上讲，光标位于锚定标记的“内部”。第二个示例中的代码就是这样做的。您可以更改[和]之间的任何文本，但不能在[和]之前和之后输入文本。括号也可编辑。正如我之前所说，“整个锚定标记及其内容都需要可编辑。”