¡Preguntas de novato!
¿Cómo podemos usar contenteditable (html5) para td en pug? ¿Pug admite eso? No pude encontrar un ejemplo en ninguna parte. ¿Cuál es la mejor manera de cambiar el valor del texto en td a un cuadro de texto para que los usuarios puedan editar?
La respuesta simple es td(contenteditable)
Respuesta más larga:
Lo primero es lo primero. Para la entrada del usuario, mejor use <input> o <textarea> . Puede agregarlo en td en el evento de clic, por ejemplo. Después de eso, establezca un valor igual a través del poder de Javascript, pero es otra pregunta)
El resultado de td(contenteditable) sería <td contenteditable="contenteditable"></td> , por lo que si necesita deshabilitar la "duplicación" para obtener solo <td contenteditable></td> debe configurar el tipo de documento adecuado en primer lugar con doctype o doctype html . Eso da como resultado <!DOCTYPE html> y <td contenteditable></td> .
Compruebe cómo cambia el resultado HTML con doctype y sin él, usando este código en https://pug.vercel.app/
doctype html table tr td(contenteditable) También puede entrar en conflicto con la configuración de su marco relacionado con https://github.com/pugjs/pug/issues/237 Pero usar contenteditable en sí mismo puede ser complicado con diferentes navegadores.