使<li>标签可编辑

Question

我需要类似html <ul>列表的内容。

它应该包含子弹和类似textarea的东西。

textarea{
  border : none;
}
.custom-txt-area{border-bottom : 1px dashed red;}

<ul>
  <li>
    <textarea class="custom-txt-area" rows="1"></textarea>
  </li>
  <li>
    <textarea class="custom-txt-area" rows="1"></textarea>
  </li>
</ul>

这是一个非常示例的示例。这里的问题 - 如果它超过1行，我无法使textarea将高度扩展到底部。

Answer 1

也许您正在寻找contentEditable：

jsFiddle

<ul>
      <li contenteditable="true">Edit ME!</li>
      <li contenteditable="true">Edit ME!</li>
      <li contenteditable="true">Edit ME!</li>
      <li contenteditable="true">Edit ME!</li>
      <li contenteditable="true">Edit ME!</li>
      <li contenteditable="true">Edit ME!</li>
    </ul>