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

首页 / 电子信息 / 正文

最近在做一个论坛程序,在适配编辑器的时候遇到一个问题。想让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());
});

效果

打赏
评论区
头像
    头像
    小温
    2020年10月24日 19:00
    回复

    等下我也去试试看~

    头像
    八字算命
    2020年10月06日 16:24
    回复

    文章写得好,网站都很吊