DIV可编辑输入contenteditable内容提交方法

  • 2020 年 08 月 29 日
  • 158次
  • 147 字
  • 暂无评论

最近在做一个论坛程序,在适配编辑器的时候遇到一个问题。想让DIV标签可编辑输入内容,我们只需设置contenteditable="true"即可。

<div contenteditable="true" id="divcontent"></div>

但是如果我们想将在div里面输入的内容,进行表单提交保存到数据库又该怎么操作呢?
直接$_POST["example"]是不行的,所以我们得另想办法。

解决办法

代码实现
我们可以做一个隐藏的textarea,当在div标签输入内容的时候执行其keyup事件,将内容赋值给textarea。
提交表单的时候,提交textarea即可。

$(document).on("keyup","#div_content",function(){
    $("#textarea_content").html($(this).html());
});

效果


版权属于:Veen Zhao

本文链接:https://blog.zwying.com/archives/47.html



—— 暂无评论 ——

OωO