html div可输入,DIV可编辑输入(contenteditable)并能够提交表单内容

DIV可编辑输入(contenteditable)并能够提交表单内容2018-07-25 12:07

想让DIV标签可编辑输入内容，我们只需设置contenteditable="true"即可。

但是如果我们想将在div里面输入的内容，进行表单提交保存到数据库又该怎么操作呢？

直接$_POST["divcontent"]是不行的，所以我们得另想办法。

如下代码：

#div_content{border-bottom:1px #ccc solid;line-height:28px;min-height:28px;}

$(document).on("keyup","#div_content",function(){

$("#textarea_content").html($(this).html());

});

也就是放一个隐藏的textarea，当在div标签输入内容的时候执行其keyup事件，将内容赋值给textarea。

提交表单的时候，提交textarea即可。