wangeditor编辑区域高度 < 300px 这可能会导致 modal hoverbar 定位异常 Textarea height < 300px .

这几天在做公司的项目,要求用到富文本编辑器,于是就是用了最为稳定的wangeditor,但由于我用的地方比较多,所以出现这个警告时候,一长串非常烦人:
在这里插入图片描述
网上有很多方法,比如

1.在组件中引入

<style src="@wangeditor/editor/dist/css/style.css"></style>

或者

import '@wangeditor/editor/dist/css/style.css'

2.在组件中设置高度

::v-deep .w-e-text-container {
  height: 420px !important;
}

最后解决我问题的是

3.在组件中设置高度的同时,其次还需注意组件中style标签不能有scope

<style>
::v-deep .w-e-text-container {
  height: 420px !important;
}
.w-e-text-container .w-e-scroll {
  height: 500px !important;
  -webkit-overflow-scrolling: touch;
}

</style>

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值