contenteditable="true"让div可编辑

Posted 2020-09-14 安筱雨

今天才知道有这个属性，真是out了。

不过以前一直没做编辑器有关的，毕竟开源的很多。

现在觉得开源的也不是这么好用，自己写写简单的吧

用了

<div class="content-box" contenteditable="true">

 我们就能在这个div内部进行编辑了。

有人要问了，有textarea，还需要这个吗

当然，用它的好处就是能插入标签。

比如说图片和视频标签

配合Jquery的html方法就能获取里面的内容了

var content=$(".content-box").html();
        console.log(content);

就这么多吧