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

或按跨度包装关键字，然后可以通过设置来避免可编辑功能 contenteditable=false

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

更新：在上述方法中，可以通过选择整个字符串将其删除。所以我应该首选第一种方法