使内容中的某些关键字不可编辑 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>

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

Make some keywords not editable in content editable div