如何让textarea、kindeditor的高度自适应呢?
来源:互联网 发布:琉璃神社最新域名 编辑:程序博客网 时间:2024/05/28 15:27
好久好久好久没有写过博客了。今天继续积累一点点吧。
如何让textarea、kindeditor的高度自适应呢?
解决方案如下:
textarea解决方案:
html:
<textarea id="mark"></textarea>
css:
#mark{width:100%;max-height:200px;resize:none}
js:
$('textarea').each(function(){<span style="white-space:pre"></span>$(this).bind('input propertychange', function() {<span style="white-space:pre"></span>this.style.height=this.scrollHeight+'px'}).trigger("input");});
kindeditor解决方案:
html:
<textarea id="mark" ></textarea>
css:
#mark{width:100%;max-height:400px;resize:none}js:
var autoheight=editor.edit.doc.body.scrollHeight;//此处的editor为kindeditoreditor.edit.setHeight(autoheight);
注意:要实现高度自适应,请务必在textarea、kindeditor赋值成功后调用相应的js代码设置其高度。
0 0
- 如何让textarea、kindeditor的高度自适应呢?
- 让textarea的高度自适应
- textarea的高度自适应
- 【css与html】如何让textarea自适应高度?
- textarea如何实现高度自适应?
- textarea如何实现高度自适应?
- textarea如何实现高度自适应
- textarea如何实现高度自适应
- textarea如何实现高度自适应?
- textarea如何实现高度自适应?
- 如何让iframe的高度自适应父窗口的高度
- 学习到textarea高度自适应的方法
- 更强大的textarea高度自适应
- 自适应的textarea 自动调整高度
- 关于Element的textarea自适应高度
- textarea自适应高度
- textarea自适应高度
- textarea自适应高度
- 9-1认识DOM
- 在 iOS 7 中,Apple 推荐使用广告标识符 advertisingIdentifier (UUID)来获取系统的唯一标识符。
- linux crontab定时任务
- iOS 时间处理
- solr之fields配置
- 如何让textarea、kindeditor的高度自适应呢?
- 新浪第三方登录源码
- 初学Swift_函数
- mybatis 使用spring DateSource
- Android Studio系列教程6 (Gradle多渠道打包)
- svn的使用详解与eclipse和Android studio的关联上
- javascript中window.open()与window.location.href的区别
- 关于js里的this关键字的理解
- iOS 蓝牙