使用HTML5，如何在表单提交中使用contenteditable字段？

小编典典

使用HTML5，如何在表单提交中使用contenteditable字段？

html

因此，我有一堆段落元素是从数据库动态填充的。我已经使元素内容可编辑。我现在想通过标准表单提交将编辑提交回数据库。有没有一种方法可以将contenteditable元素发布回去？

阅读 557

2020-05-10

共1个答案

小编典典

您必须使用javascript的一种或另一种方式，它不能像textarea之类的那样用作“标准”表单元素。如果愿意，可以在表单内创建一个隐藏的文本区域，然后在表单的onsubmit函数中将可编辑内容的innerHTML复制到该文本区域的值。另外，您可以使用ajax
/ xmlHttpRqeuest手动提交一些内容。

function copyContent () {
    document.getElementById("hiddenTextarea").value =  
        document.getElementById("myContentEditable").innerHTML;
    return true;
}


<form action='whatever' onsubmit='return copyContent()'>...

2020-05-10