`
xlaohe1
  • 浏览: 127129 次
  • 性别: Icon_minigender_1
  • 来自: 来处
社区版块
存档分类
最新评论

jquery cleditor 富文本编辑器textarea大小设置

阅读更多
// 初始化整个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值的相互传递方法

    今天小编就为大家分享一篇layui 富文本编辑器和textarea值的相互传递方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    jQuery富文本编辑器插件-wysiwyg.js

    利用wysiwyg.js开发的一款十分强大的、jQuery富文本编辑器插件,经过优化后的富文本框,打开速度非常快,无报错,不影响其他任何功能。

    Ueditor富文本编辑器

    Ueditor富文本编辑器,用于网页开发中富文本编辑器的开发,使用方便,简单易用,可以直接将textarea转换为富文本编辑器

    textarea 富文本编辑器

    Struts标签中有一个属性,Escape,如果不写这个属性的话,默认的为true,这样从数据库中读取的带有HTML标签的数据就会原封不动的放在页面中,浏览器是不会解析你...同时将存储富文本数据的数据表中的字段设置为utf8mb4

    NICEidtor-富文本编辑器

    NICEidtor-富文本编辑器,下载后根据里面的demo,可以查看效果。 不错的在线富文本。有多种效果。 注意:要想获取textarea中的内容,需要操作new出来的对象,而不是操作textarea标签:如var title...

    CKeditor富文本编辑器的js压缩包

    CKeditor富文本编辑器的js压缩包,CKEditor就像一个在你网页中的文本区域(textarea)一样工作,它提供了一个简单易写的用户界面、版式和丰富的文字输入区域

    百度富文本编辑器jar ueditor-1.1.2.jar

    ueditor-1.1.2 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 UEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本

    百度富文本编辑器完整版 java.rar

    UEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 UEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本编辑器,这是java版,包含html段及js,以及jsp前端...

    富文本编辑器

    只需把textarea的id设置为editor_id即可使用

    百度富文本编辑器ueditor java引入.zip

    UEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 UEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本编辑器,这是java版,包含html段及js,以及前端文件...

    百度富文本编辑器使用

    3、调用js代码,你们第一个参数为你绑定的对应id,第二个参数为一个对象,为富文本的宽高度 例如: 1、[removed][removed] [removed][removed] [removed][removed] 2、&lt;textarea name="content" placeholder=...

    java富文本编辑器kindeditor4.1.11官方推荐的最新版本

    KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript ...

    富文本编辑器插件-wysiwyg.js

    利用wysiwyg.js开发的一款十分强大的、jQuery富文本编辑器插件,经过优化后的富文本框,打开速度非常快,无报错,不影响其他任何功能。

    jquery----TextArea高度自适应

    jquery----TextArea高度自适应

    把富文本的回车转为br标签

    ‘↵’是回车符’/n’,这段内容是通过textarea人为编辑,提交给后端保存的。编辑框中可以识别的字符,在普通的标签里面没办法识别到,所以要转换成可以识别的 方法1 string.replace(/(rn|n|r)/gm, ) 然后再用...

    ckeditor富文本编辑器

    CKEditor就像一个在你网页中的文本区域(textarea)...现在,开始使用CKEditor Javascript API,我们用一个编辑器实例来“替换(replace)”这个普通的文本区域(textarea),为此,必须加入如下一段JavaScript代码:

    Simditor富文本编辑器

    很喜欢这个简单 高效的富文本编辑器。也来分享给大家一个实例,希望大家用的到。 插件官网:http://www.oschina.net/p/simditor 详细了解。

    百度富文本编辑器Ueditor For asp.net实例

    百度富文本编辑器Ueditor For asp.net实例,可用VS2008直接打开,用ueditor1.2.6.0版本修改一点点地方。用textarea做容器,可以上传图片,附件等,如有问题和建议,欢迎一起研究解决!

    wangEditor编辑器

    很好用的富文本编辑器wangEditor,设置内容、获取内容、上传图片、使用 AMD 加载、使用 textarea、onblur、onfocus、onchange、获取 JSON、配置表情、多语言、CSS-Reset

Global site tag (gtag.js) - Google Analytics