如何在 Pug 中为 td 应用 contenteditable

Question

新手提问！

我们如何在 pug 中为 td 使用 contenteditable (html5)？哈巴狗支持吗？我在任何地方都找不到例子。将 td 中的文本值更改为文本框以便用户可以编辑的最佳方法是什么？

Answer 1

简单的答案是 td(contenteditable)

更长的答案：

要事第一。对于用户输入，最好使用 <input> 或 <textarea>。例如，您可以将其附加到 td on click 事件中。之后通过Javascript的幂设置一个相等的值，但这是另一个问题）

td(contenteditable) 的结果将是 <td contenteditable="contenteditable"></td>，因此如果您需要禁用“镜像”以仅获取 <td contenteditable></td>，您必须首先使用 [=17 设置正确的文档类型=] 或 doctype html。这导致 <!DOCTYPE html> 和 <td contenteditable></td>.

使用 https://pug.vercel.app/

处的代码检查结果 HTML 如何随 doctype 和不随 doctype 变化

doctype
html
  table
    tr
      td(contenteditable)

它也可能与您的 https://github.com/pugjs/pug/issues/237 相关的框架设置冲突但是使用 contenteditable 本身对于不同的浏览器来说可能很棘手。

如何在 Pug 中为 td 应用 contenteditable

how to apply contenteditable for td in Pug

javascript

pug