526互联

wangEditor输入框提示文字placeholder对不齐光标及文字未超出时滚动条scroll就出现的问题的解决办法

发布时间 2023-08-21 14:38:48作者: Z哎呀

原因

  1. 在wangEditor中，textarea与提示文字不是一起的（提示文字独立于textarea，不是父子关系）。我通过去除父级元素样式继承还是一样对不齐，因而需要进行微调；
  2. 原min-height最小高度虽然是100%，但问题还是出现了，需要调小。

解决办法

在wangEditor组件修改他的CSS

/* 调整输入框对不齐提示文字的问题 */
/deep/.w-e-text-placeholder{
    transform: translateY(-10px);
}
/* 文字未超出时滚动条就已经出现的问题 */
/deep/.w-e-scroll > div{
    min-height: 97%;
}