contenteditable，無法編輯空白範圍

Question

我以這種方式使用contenteditable屬性。 $ {row.pno}。

由於數據是從DB中檢索的，因此很少的值可以爲空。我可以編輯一些有價值的跨度。問題是我無法編輯空白（空文本）跨度。我怎樣才能做到這一點。

感謝和問候 Adeeb

Answer 1

與contenteditable屬性的元素是可編輯的，即使元件最初是空的，如在<span contenteditable></span>。用戶不能通過點擊來關注它。但他可以使用TAB鍵移動到元素，然後鍵入或粘貼一些東西。

結論取決於上下文。例如，如果span元素是表格單元格的唯一內容，則可以在其上設置display: block，使其佔據整個元素。假設其他單元格意味着該單元格的寬度和高度不爲零，那麼可編輯元素也會包含它們並且可點擊。