Simditor固定高度,禁止拉伸,开启滚动条效果

此文章同步发布于我的博客,原文请查看:http://www.jufanshare.com/content/116.html

直接给图看看效果!

Simditor固定高度,禁止拉伸,开启滚动条效果_第1张图片Simditor固定高度,禁止拉伸,开启滚动条效果_第2张图片

然后是实现的代码,如下:

.simditor .simditor-body{
    /*开启滚动条*/
    overflow-y: scroll !important;
    /*设置高度*/
    min-height: 330px !important;
    max-height: 330px !important;
}

在你使用Simditor的页面CSS中设置上面的CSS代码属性,只要是.simditor .simditor-body样式类名,就可以修改Simditor的内容区域的高度了,并且可以开启滚动条。

如果Simditor富文本编辑器更新后此class类名失效了怎么办?

教你一招!

打开你的页面,然后浏览器右键【审查元素】

Simditor固定高度,禁止拉伸,开启滚动条效果_第3张图片

然后找到控制Simditor高度的CSS类名,如下图:

Simditor固定高度,禁止拉伸,开启滚动条效果_第4张图片

这样就可以我没解决Simditor开启滚动条,并且可以设置固定高度,不会自动拉伸,导致把页面高度撑得很大很大了。

你可能感兴趣的:(前端)