// 初始化整个cleditor的高度,宽度默认大小
$('#textarea-id').cleditor({height: 400});
$("textarea").cleditor();
// 因为cleditor的文本内容在一个frame中,所以要得到$frame设置它的高度
// 但是这样设置有一个问题,就是浏览器的大小以改变,这个$frame的高度又到了默认的250
$('#textarea-id').cleditor()[0].$frame.css('height', '360px');
在官网上看了一下有一个refresh()的方法,但是没有用,这个是在resize的时候调用的
所以只有改源代码了
首先找到jquery.cleditor.js或者jquery.cleditor.min.js,在defaultOptions下面增加一个属性,比如是iheight: 360默认360
然后找到refresh方法下面,有一句话
<iframe frameborder="0" src="javascript:true;" />
把它改成
<iframe style="height: '+editor.options.iheight+'px;" frameborder="0" src="javascript:true;" />
注意:上面的都是jquery.cleditor.js的修改方法
如果是jquery.cleditor.min.js
就搜索:'auto',这里如果是width:'auto'那么就在前面加上iheight: 360
然后再搜索
<iframe 加上
style="height: '+editor.options.iheight+'px;"
这里的editor.options要根据前面的参数,有可能是i.options
只要看前面一句是什么.$frame就行了,如果是i.$frame那就是i.options了
最后在使用:
// 初始化整个cleditor的高度,宽度默认大小
$('#textarea-id').cleditor({height: 400, iheight: 360});
$("textarea").cleditor();
分享到:
相关推荐
今天小编就为大家分享一篇layui 富文本编辑器和textarea值的相互传递方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
利用wysiwyg.js开发的一款十分强大的、jQuery富文本编辑器插件,经过优化后的富文本框,打开速度非常快,无报错,不影响其他任何功能。
Ueditor富文本编辑器,用于网页开发中富文本编辑器的开发,使用方便,简单易用,可以直接将textarea转换为富文本编辑器
Struts标签中有一个属性,Escape,如果不写这个属性的话,默认的为true,这样从数据库中读取的带有HTML标签的数据就会原封不动的放在页面中,浏览器是不会解析你...同时将存储富文本数据的数据表中的字段设置为utf8mb4
NICEidtor-富文本编辑器,下载后根据里面的demo,可以查看效果。 不错的在线富文本。有多种效果。 注意:要想获取textarea中的内容,需要操作new出来的对象,而不是操作textarea标签:如var title...
CKeditor富文本编辑器的js压缩包,CKEditor就像一个在你网页中的文本区域(textarea)一样工作,它提供了一个简单易写的用户界面、版式和丰富的文字输入区域
ueditor-1.1.2 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 UEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本
UEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 UEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本编辑器,这是java版,包含html段及js,以及jsp前端...
只需把textarea的id设置为editor_id即可使用
UEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 UEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本编辑器,这是java版,包含html段及js,以及前端文件...
3、调用js代码,你们第一个参数为你绑定的对应id,第二个参数为一个对象,为富文本的宽高度 例如: 1、[removed][removed] [removed][removed] [removed][removed] 2、<textarea name="content" placeholder=...
KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript ...
利用wysiwyg.js开发的一款十分强大的、jQuery富文本编辑器插件,经过优化后的富文本框,打开速度非常快,无报错,不影响其他任何功能。
jquery----TextArea高度自适应
‘↵’是回车符’/n’,这段内容是通过textarea人为编辑,提交给后端保存的。编辑框中可以识别的字符,在普通的标签里面没办法识别到,所以要转换成可以识别的 方法1 string.replace(/(rn|n|r)/gm, ) 然后再用...
CKEditor就像一个在你网页中的文本区域(textarea)...现在,开始使用CKEditor Javascript API,我们用一个编辑器实例来“替换(replace)”这个普通的文本区域(textarea),为此,必须加入如下一段JavaScript代码:
很喜欢这个简单 高效的富文本编辑器。也来分享给大家一个实例,希望大家用的到。 插件官网:http://www.oschina.net/p/simditor 详细了解。
百度富文本编辑器Ueditor For asp.net实例,可用VS2008直接打开,用ueditor1.2.6.0版本修改一点点地方。用textarea做容器,可以上传图片,附件等,如有问题和建议,欢迎一起研究解决!
很好用的富文本编辑器wangEditor,设置内容、获取内容、上传图片、使用 AMD 加载、使用 textarea、onblur、onfocus、onchange、获取 JSON、配置表情、多语言、CSS-Reset