user-modify

博主遇到一个问题,即如何编辑后端传回文章中<a>标签内的内容。尝试了contenteditable属性无效后,发现了一个属性-webkit-user-modify,通过设置为read-write使得内容可编辑。在确保兼容公司最低要求的安卓6和iOS10设备后,问题得到解决。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

        最近入职开始工作了,碰到一个很有意思的问题,后端传回来的文章内容<a>标签内的内容可以编辑。

        很不理解,我从后端取到的数据这该怎么改呢。

        问了同事(导师),让我试试contenteditable属性,我加上了没用。又查了十分钟资料,一个属性吸引了我的主意:

-webkit-user-modify,也是就是user-modify。链接如下:

链接如下:CSS property: -webkit-user-modify

        描述是“Determines whether a user can edit the content of an element.”大意是决定用户是否能编辑内容。而且下面还有一行描述:“This is closely related to the contentEditable attribute.”和contenteditable类似。但是不知道为啥之前用contenteditable就不行。

        可选的值有三个:

        read-only:只读

        read-write:可读写

        read-write-plaintext-only:可读写,但内容会丢失

加上之后果然起作用了,考虑到公司应用最低兼容到安卓6和IOS10,又上caniuse查了下,没什么问题。"-webkit-user-modify" | Can I use... Support tables for HTML5, CSS3, etc

        问题解决,好耶!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值