在HTML定位標記內禁止插入

Question

我有一個contenteditable段落包含多個定位標記，如下所示。每個錨標記都包含帶有方括號的文本。假設管道是尖：

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

在用戶已經輸入的鍵，我如何檢測是否插入符在左邊右方括號和結束錨標記上的權利之間，如果是，將其移到關閉錨標記的右側以防止鍵入錨標記。

我已經通過大約半打的職位包括這一個：contenteditable put caret outside inserted span

但是他們沒有滿足我的特定需求。提前致謝。

Answer 1

將錨點設置爲不可知，並且該人員將無法編輯其中的文本。 （他們可以但是刪除）

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

，並允許他們進行編輯只是內部

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