您现在的位置是:首页 > 正文

可编辑div标签(图文混排需求)

2024-01-30 21:06:10阅读 0

可编辑div标签(图文混排需求)

可编辑div是用来解决HTML5中input标签只能输入文字,但是不能输入图片的需求。
<div contenteditable="true" id='myEditDiv'>这里可以插入图片、文字、emoji</div> 
//可通过获取innerHTML来抽离所需元素(因为获取时会标签元素获取下来)

contenteditable: "inherit";//默认
contenteditable: "plaintext-only";//输入纯文本
contenteditable: "true";//开启可编辑
contenteditable: "false";//关闭可编辑
contenteditable: "caret";//符号
contenteditable: "events";//监听

网站文章