搜 索

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

  • 2.1k阅读
  • 2020年08月29日
  • 2评论
首页 / 电子信息 / 正文

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

效果

打 赏
  • 支付宝
  • 微信
  • QQ
Alipay
WeChatPay
QQPay
评论区
小温 2020年10月24日 19:00
回复

等下我也去试试看~

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

文章写得好,网站都很吊

avatar