contenteditable，无法编辑空白范围

Question

我以这种方式使用contenteditable属性。 $ {row.pno}。

从数据库中检索数据时，很少有值可以为空。我可以用一些值来编辑跨度。问题是我无法编辑空白（空文本）范围。我怎样才能做到这一点。

谢谢和问候 Adeeb

Answer 1

具有contenteditable属性的元素即使元素最初为空也是可编辑的，如<span contenteditable></span>中所示。用户无法通过单击它来关注它。但他可以使用TAB键移动到元素，然后键入或粘贴一些东西。

结论取决于背景。例如，如果span元素是表格单元格的唯一内容，则可以在其上设置display: block，使其占据整个内容。假设其他单元格暗示该单元格的宽度和高度非零，则可编辑元素也具有它们并且可以单击。