最近入职开始工作了,碰到一个很有意思的问题,后端传回来的文章内容<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
问题解决,好耶!