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 属性相关推荐

  1. css 可编辑,如何设置DIV可编辑

    「来源: |web前端开发 ID:web_qdkf」 如何让一个div变成可编辑状态,比如富文本的输入框就可以用可编辑的div(自定义一个富文本时可用),类似textare. 有2种方案可以实现:1是 ...

  2. html div 不可编辑状态,HTML contenteditable属性

    前言 之前一直没有留意到有contenteditable这个属性,今天突然看到特意记录一下它的 用法 和 实际用途 : 用法 为了某个使元素可编辑,你所要做的就是在html标签上设置"con ...

  3. 使用contenteditable=“true“改造div可编辑文本框

    使用contenteditable="true"改造div可编辑文本框,并去除粘贴复制的格式问题 contenteditable="true" 可编辑 cont ...

  4. 可编辑属性html,设置contenteditable属性可编辑HTML标签的内容(可代替textarea)

    摘要:这篇HTML栏目下的"设置contenteditable属性可编辑HTML标签的内容(可代替textarea)",介绍的技术点是"contenteditable.t ...

  5. contenteditable属性将标签变为可编辑状态,可用于在线编辑修改文本

    1.概述 html 中大部分标签都是不可以编辑的,但是添加了contenteditable属性之后,标签会变成可编辑状态. 同时可以触发 input事件 输入内容变化时触发 focus事件 获取焦点时 ...

  6. contenteditable属性让div也可以当做输入框

    你知道div也可以当做输入框么? H5的全局属性contenteditable,带有contenteditable属性的div而不是input或者textarea来作为输入框(div可以根据内容自动调 ...

  7. vue实现带样式的textarea输入框,contenteditable属性应用

    提示:vue中使用contenteditable 文章目录 前言 一.contenteditable 什么是contenteditable: 二.contenteditable的使用 总结 前言 开发 ...

  8. 1、每天学习一点点之 contenteditable 属性

    起初 遇见一个 需求 是 要求 再输入框可以输入文本, 点击检测,调用接口,将特定的文字可以 加颜色 或者 下划线展示, 然后可以继续输入. 正常是用textarea, 但是textarea 不可以 ...

  9. 2.2.1新增-contentEditable属性

    <!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content=& ...

最新文章

  1. html页面头部里的meta
  2. dom4j生成、解析xml
  3. canvas学习绘制扇形
  4. nginx访问502 gateway,*1 connect() failed (111: Connection refused) while connecting to upstream
  5. ASP .NET MVC 之Entity Framework入门教程及源码
  6. 面试之JSP九大内置对象和JSP四大作用域
  7. ajax获取qq音乐源码,ajax请求QQ音乐
  8. Android 中opengl es灯光效果实例
  9. Mybatis-SpringBoot集成/配置
  10. c语言上机及答案,C语言上机练习题及答案
  11. 如何计算java对象占用的内存
  12. Fibonacci斐波拉契数列----------动态规划DP
  13. PCB,原理图 最流行的画图画板软件有哪些?
  14. CDN技术详解之引言
  15. 计算机用于材料科学模拟,计算机在材料科学的应用
  16. FYI | Brain-Art Competition 2018 开始投稿了
  17. Flutter 添加页面渲染完毕回调
  18. ElasticJob源码部分解读-Zookeeper建立连接
  19. js日历(包含农历节假日)
  20. JS之数字转为中文数字

热门文章

  1. android ui 适配(tv)
  2. Python转Oracle LOBs(CLOB/BLOB) 为String字符串
  3. html2canvas 将图片转为png,将html保存为png图片(html2canvas.js,canvas2image.js)
  4. 最适合参加长沙IT培训的4类人,有你吗?
  5. sql 语句 VS sql 脚本
  6. ora-01654 unable to extend index
  7. java 代码模拟抽奖(练习)
  8. MySQL数据库基本操作---DDL
  9. Java中如何根据照片定位你的位置
  10. TX Text Control 30.0 [Core]Crack