以上是类似的功能(富文本的编辑上篇博客已近有讲,这是主要是讲的是显示)
显示的话就比较简单就是在一个div里面使用v-html即可(Vue指令)
<div v-html="content" class='phone-text'></div>
关键是控制在div中的样式
.phone-text::-webkit-scrollbar{
width:0; //将滚动条隐藏不显示
}
.phone-text{
overflow-y:auto; //内容长度超过触发这个y的滚动条
height: 640px;
width: 320px;
border: red solid 1px;
position: absolute;
top: 90px;
left: 30px;
background-size:contain;
}```
基本实现就是以上这样