资讯专栏INFORMATION COLUMN

contenteditable跟user-modify还能这么玩

hedge_hog / 2345人阅读

摘要:中的,他是一个全局属性,可以大致理解为可以使一个元素处于可编辑状态,像极了,不过还是存在许多不足跟问题,比如没有钩子等,本文不作深入探讨开胃使一个可以进行内容编辑点击我进行编辑乍一看,好像很普通,但是它可以解决一个的一个痛点,那就是可以自适

html中的contenteditable,他是一个全局属性,可以大致理解为"可以使一个元素处于可编辑状态",像极了textarea,不过还是存在许多不足跟问题,比如没有change钩子等,本文不作深入探讨❌

开胃

使一个div可以进行内容编辑:

点击我进行编辑


乍一看,好像很普通,但是它可以解决一个textarea的一个痛点,那就是可以自适应高度,textarea可不行 ❕

正文

假如... 把该属性加在style元素上呢

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/116258.html

相关文章

  • HTML contenteditable属性

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

    huayeluoliuhen 评论0 收藏0
  • HTML contenteditable属性

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

    jimhs 评论0 收藏0
  • vue2 实现 div contenteditable="true" 类似于 v

    摘要:解决思路二使用组件单独声明一个组件,在组件内部处理数据也就是,并将数据返回给父组件。该组件应该是一个元素也不一定非要是的子元素,父元素的大小即为子元素的大小。 问题 在 vue2 中对表单控件有着良好的双向数据绑定机制,但是对于要特定实现某些功能的输入时,我们就不得不使用到 contenteditable=true 的 div ,而在这个 div 上是使用 v-model 是没有效果的...

    jokester 评论0 收藏0
  • 实现高度“听话”的多行文本输入框

    摘要:通常情况下,为了给用户一个良好的体验,需要让这个多行文本输入框的高度自适应,从而避免滚动条带来的问题。到此,才算实现一个高度自适应的多行文本输入框。 一、前言   通过创建 textarea 标签,并且指定其 rows 和 cols 属性,就可以创建一个多行文本输入框。   但是当输入的内容超过指定的 rows 之后,就会出现滚动条,如果用户想要查看全部内容,那就必须来回的拖动滚动条。...

    CoffeX 评论0 收藏0
  • 华为云招聘动物语言翻译师?人工智能还能这么

    摘要:目前,通过华为手机所保护的土地范围,已超过平方公里的土地约万个足球场。接下来,华为云的人工智能团队还将完成第一个声音探测模型,目前它已经成功通过测试,相比于原有的模型,它的准确性大大提高。 华为云招聘动物语言翻译师?人工智能还能这么玩? 什么?华为云要招聘动物语言翻译师?这让正在各外国语学院学习语言的同学们顿感压力山大了,难道以后还得辅修一门动物语言? 消息一出,网友也沸腾了,盯着自家...

    phoenixsky 评论0 收藏0

发表评论

0条评论

hedge_hog

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<