主页 / 问题 / 1100170
Accepted
Владислав Самохин
Asked:2020-03-26 21:28:30 +0000 UTC2020-03-26 21:28:30 +0000 UTC

在 div contenteditable 中编辑

  • 772

请告诉我如何使元素<span></span>无法编辑。您只需要编辑其中的信息<div></div>并将光标放在<span></span>.

#text {
  width: 100px;
  height: 50px;
  border: 1px solid;
}

#text span {
  background: red;
  width: auto;
  display: inline-block;
  margin-right: 5px;
  padding: 5px;
  border-radius: 3px;
  color: #fff;
}
<div id="text" contenteditable="true">
  <span>Текст</span>
</div>

html

1 个回答

  1. Best Answer

    您可以span分配一个属性contenteditable="false"，在这种情况下它不能被编辑，但是，因为它在里面<div contenteditable="true">，它可以从外面移除。这是无法改变的。

    #text {
  width: 100px;
  height: 50px;
  border: 1px solid;
}

#text span {
  background: red;
  width: auto;
  display: inline-block;
  margin-right: 5px;
  padding: 5px;
  border-radius: 3px;
  color: #fff;
}
    <div id="text" contenteditable="true">
  <span contenteditable="false">Текст</span>
  &nbsp;
</div>

    • 0

相关问题