在内容可编辑div中创建一些不可编辑的关键字

Question

我添加了一些content for div in html。我把它作为contenteditable="true"。

内容包含一些关键字，例如[$FIRSTNAME$]。

我想让关键字无法使用。

请问任何人可以帮忙解决这个问题吗？

谢谢..

Answer 1

使用span包装可编辑内容并将contenteditable属性设置为

<div>
  <span contenteditable>fdfdfdfdf</span>
  [your keyword]
  <span contenteditable>fdfdfdfdf fdfdfdfdf</span>
</div>

或者按span包装关键字，然后您可以通过设置contenteditable=false

来避免使用可编辑功能

<div contenteditable>
  fdfdfdfdf
  <span contenteditable=false>[your keyword]</span>
  fdfdfdfdf fdfdfdfdf
</div>

更新：在上面的方法中，可以通过选择整个字符串来删除它。所以我更喜欢第一种方法