Contenteditable <summary> 标签

Question

好的，情况是这样的：

我有一个 <details> 标签，我想在程序运行期间的某个时刻将其 <summary> 标签设为 contenteditable。问题是，当我有一个可编辑的摘要时，我不能使用 space 键，因为 space 默认情况下打开和关闭详细信息标签。这是一个例子：

<details>
  <summary contenteditable>Edit me!</summary>
  <p>Some content here</p>
</details>

我不能使用 event.preventDefault()，因为那样也会阻止输入 space。有什么办法，用 JS 或 HTML，我可以允许用户在编辑摘要标签时添加 space？

Answer 1

运气不好。但我确实开始工作的一件事是 .preventDefault() 并使用 execCommand() 或 insertNode() 手动插入 space：https://jsbin.com/yoxuwos/2/edit?html,js,output

Contenteditable <summary> tag