javascript - 在内容可编辑的div中使一些关键字不可编辑

<分区>

我在 html 中为 div 添加了一些内容。我将其设为 contenteditable="true"。

内容有一些关键字，如 [$FIRSTNAME$]。

我想让关键字不可编辑。

请问有人能帮忙解决这个问题吗？

谢谢..

最佳答案

用 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>

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

关于javascript - 在内容可编辑的div中使一些关键字不可编辑，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32371343/

相关文章：

javascript - 拖动时将助手保持在鼠标下方