wangEditor插件的一个页面多个富文本placeholder问题

placeholder提示文字为啥添加了没反应,页面不显示?

placeholder提示字设置成功了,只是文字的颜色以及层级需要自己额外提高一下,就可以显示出来。

/deep/.placeholder{

  color: #c0c4cf !important;

  z-index: 9999;

}

一个页面多个富文本如何设置不同的提示文字呢?

如果你仔细观察,可以发现。提示文字都在.placeholder类选择器上面,所以可以通过document.getElementsByClassName('placeholder')拿到所有的然后依次设置innerHTML

let holderCon = document.getElementsByClassName('placeholder')

console.log('holderCon', holderCon)

holderCon[0].innerHTML="问题一:XXXXX;<br/>问题二:XXX"

holderCon[1].innerHTML="任务一:XXXXX;<br/>任务二:XXX"

holderCon[2].innerHTML="成果一:XXXXX;<br/>成果二:XXX"

 同理,多个富文本如何设置每个富文本不同的高呢?

let eds = document.getElementsByClassName('w-e-text-container')

    eds[0].style = eds[0].style.cssText + 'height: 10rem'

    eds[1].style = eds[1].style.cssText + 'height: 10rem'

    eds[2].style = eds[2].style.cssText + 'height: 10rem'

 以上内容,仅供参考,全网独一无二应该,自己项目中真实遇到的,不喜勿喷!找其他人

猜你喜欢

转载自blog.csdn.net/qq_52856519/article/details/130869544