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

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

直接给图看看效果！

然后是实现的代码，如下：

.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高度的CSS类名，如下图：

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

Simditor固定高度，禁止拉伸，开启滚动条效果相关推荐

vue滚动条禁止_js禁止和开启滚动条事件
开发移动端页面的时候有一个很比较常见的需求,在出现弹窗时,禁止滑动弹窗后面的主体页面.如何实现呢,往下看 js实现整个页面禁止滚动:document.body.addEventListener('to ...
textarea禁止拉伸和禁止编辑
一.textarea禁止拉伸方法: 设置style:" resize:none;" // 禁止拉伸代码<textarea style="resize:none;&q ...
linux开启ping服务,Linux 云服务器禁止和开启Ping
原标题:Linux 云服务器禁止和开启Ping 在使用Linux服务器的时候,一般系统默认是开启ping的,比如我们可以ping测试网络的延迟质量.当然也有部分服务商是可以通过安全组设置禁止ping的 ...
Python禁止最大化按钮和禁止拉伸窗口大小
# 禁止最大化按钮(只显示最小化按钮和关闭按钮)myPyMainForm.setWindowFlags(QtCore.Qt.WindowMinimizeButtonHint | QtCore.Qt.W ...
禁止和开启组策略的批处理
禁止和开启组策略的批处理转载于:https://blog.51cto.com/lkmlove2008/393225
Linux 禁止和开启 ping 的方法
一.内核参数设置 1.允许ping设置临时 echo 0 >/proc/sys/net/ipv4/icmp_echo_ignore_all 永久 echo net.ipv4.icmp_echo ...
elementUI textarea 禁止拉伸
普通的textarea 可以设置样式禁止拉伸 -- resize: none; resize: none; elementUI textarea 禁止拉伸,因为elementUI 封装了很多类, ...
html导航图片滚动条,CSS实现导航栏底部动态滚动条效果
预习了CSS3部分的新知识,想着在不使用JS的情况下实现导航栏滚动条效果,如下: 实现滚动条效果,其实就是在标签中让元素的宽度由0变化到100%,代码很简单,如下所示: CSS样式部分: ul.na ...
win7系统桌面计算机怎么打的开,Win7系统怎么开启aero效果 Win7电脑开启aero特效的方法...
如果开启aero特效的话可能会占用一些内存,但是aero特效能够让系统更加美观动感,那么Win7系统怎么开启aero效果?下面装机之家分享一下Win7电脑开启aero特效的方法,来看看吧! 一.在服务 ...

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

Simditor固定高度，禁止拉伸，开启滚动条效果相关推荐

最新文章

热门文章