div可编辑，contenteditable 属性

1、添加contenteditable属性让文本处于可编辑状态，

实例

<div contenteditable="true">这里可以编辑</div>

contenteditable: "inherit";(默认)
contenteditable: "plaintext-only";(输入纯文本)
contenteditable: "true";
contenteditable: "false";
contenteditable: "caret";(符号)
contenteditable: "events";(不知道搞啥用的)

浏览器支持

所有主流浏览器都支持 contenteditable 属性。

2、利用css的user-modify
user-modify: read-only;
user-modify: read-write;
user-modify: write-only;(暂不支持)
user-modify: read-write-plaintext-only;(输入纯文本，暂时只有谷歌支持:
-webkit-user-modify: read-write-plaintext-only)

div可编辑，contenteditable 属性相关推荐

css 可编辑,如何设置DIV可编辑
「来源: |web前端开发 ID:web_qdkf」如何让一个div变成可编辑状态,比如富文本的输入框就可以用可编辑的div(自定义一个富文本时可用),类似textare. 有2种方案可以实现:1是 ...
html div 不可编辑状态,HTML contenteditable属性
前言之前一直没有留意到有contenteditable这个属性,今天突然看到特意记录一下它的用法和实际用途 : 用法为了某个使元素可编辑,你所要做的就是在html标签上设置"con ...
使用contenteditable=“true“改造div可编辑文本框
使用contenteditable="true"改造div可编辑文本框,并去除粘贴复制的格式问题 contenteditable="true" 可编辑 cont ...
可编辑属性html,设置contenteditable属性可编辑HTML标签的内容(可代替textarea)
摘要:这篇HTML栏目下的"设置contenteditable属性可编辑HTML标签的内容(可代替textarea)",介绍的技术点是"contenteditable.t ...
contenteditable属性将标签变为可编辑状态，可用于在线编辑修改文本
1.概述 html 中大部分标签都是不可以编辑的,但是添加了contenteditable属性之后,标签会变成可编辑状态. 同时可以触发 input事件输入内容变化时触发 focus事件获取焦点时 ...
contenteditable属性让div也可以当做输入框
你知道div也可以当做输入框么? H5的全局属性contenteditable,带有contenteditable属性的div而不是input或者textarea来作为输入框(div可以根据内容自动调 ...
vue实现带样式的textarea输入框，contenteditable属性应用
提示:vue中使用contenteditable 文章目录前言一.contenteditable 什么是contenteditable: 二.contenteditable的使用总结前言开发 ...
1、每天学习一点点之 contenteditable 属性
起初遇见一个需求是要求再输入框可以输入文本, 点击检测,调用接口,将特定的文字可以加颜色或者下划线展示, 然后可以继续输入. 正常是用textarea, 但是textarea 不可以 ...
2.2.1新增-contentEditable属性
<!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content=& ...

div可编辑，contenteditable 属性

实例

浏览器支持

div可编辑，contenteditable 属性相关推荐

最新文章

热门文章