autogrow 让FCKeditor高度随内容增加的插件

这个插件在默认情况下可能运行不正常，必须做一点修改才可以。
打开插件所在文件：/editor/plugins/autogrow/fckplugin.js
找到第65行：
window.frameElement.height = iMainFrameSize ;
将其修改为：


代码如下:

if (window.frameElement.style.height) {
window.frameElement.style.height = iMainFrameSize;
}
else {
window.frameElement.height = iMainFrameSize;
}

这样就可以兼容IE和火狐浏览器了。
启用插件：
打开文件：/fckeditor/fckconfig.js
启用这两行：
FCKConfig.Plugins.Add( 'autogrow' ) ;
FCKConfig.AutoGrowMax = 600 ;
AutoGrowMax是限制最高高度。可以根据需要自行设置。
参考：http://cksource.com/forums/viewtopic.php?f=6&t=10214&p=30094

赞 (0)

相关推荐

  • autogrow 让FCKeditor高度随内容增加的插件

    这个插件在默认情况下可能运行不正常,必须做一点修改才可以. 打开插件所在文件:/editor/plugins/autogrow/fckplugin.js 找到第65行: window.frameElement.height = iMainFrameSize ; 将其修改为: 复制代码 代码如下: if (window.frameElement.style.height) { window.frameElement.style.height = iMainFrameSize; } else { w

  • Django内容增加富文本功能的实例

    Django内容增加富文本功能的实例

    缺少富文本,形式过于单一,不便于浏览与阅读. 一种可行的方法记录如下: 1-下载第三方富文本KindEditor,连接http://kindeditor.net/down.php或者baidu. 2-解压到Django项目下的static/js下,如图所示: 默认没有config.js,需要自行建立config.js,其中内容可参照KindEditor官网或以下代码: KindEditor.ready(function(K) { K.create('textarea',{ width:700,

  • Javascript 文本框textarea高度随内容自适应增长收缩

    直接上代码: 方案一: 枫芸志 » 文本框textarea高度自适应增长/伸缩 textarea { height:100px; width: 300px; } 晴枫制作 http://jb51.net // 最小高度 var minHeight = 100; // 最大高度,超过则出现滚动条 var maxHeight = 300; function ResizeTextarea(){ var t = document.getElementById('txtContent'); h = t.s

  • javascript实现框架高度随内容改变的方法

    本文实例讲述了javascript实现框架高度随内容改变的方法.分享给大家供大家参考.具体如下: 有两种方法: 一.就是通过父页面改变 这里要理解框架的两个属性 contentWindow 和contentDocument 两个属性的意思和window document意思差不多,不同的是contentWindow 所有浏览器都支持,contentDocument   ie6,7不支持,chrome 也不支持 <iframe onload="change_height()">

  • JS集成fckeditor及判断内容是否为空的方法

    本文实例讲述了JS集成fckeditor及判断内容是否为空的方法.分享给大家供大家参考,具体如下: <script type="text/javascript"> <!-- // Automatically calculates the editor base path based on the _samples directory. // This is usefull only for these samples. A real application shoul

  • jQuery内容折叠效果插件用法实例分析(附demo源码)

    本文实例讲述了jQuery内容折叠效果插件用法.分享给大家供大家参考,具体如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>jQuery Collapsible Fieldset</title> <script src=&

  • 服务器维护小常识(硬盘内容增加、数据库优化等)

    为了方便大家在维护中了解一些维护内容的同时又能避免出现错误.下面就收集了一些服务器日常维护的常识供大家参考. 服务器日常维护常识之硬件维护 服务器日常维护常识硬件维护1.储存设备的扩充 当资源不断扩展的时候,服务器就需要更多的内存和硬盘容量来储存这些资源.所以,内存和硬盘的扩充是很常见的.增加内存前需要认定与服务器原有的内存的兼容性,最好是同一品牌的规格的内存.如果是服务器专用的ECC内存,则必须选用相同的内存,普通的SDRAM内存与ECC内存在同一台服务器上使用很可能会引起统严重出错.在增加硬

  • 使两个iframe的高度与内容自适应,且相等

    <div class="TxtBox"> <iframe frameborder="0" scrolling="no" name="news1"  id="news1" onload="if(document.frames['news1'].document.body.scrollHeight>document.frames['news2'].document.body.s

  • FCKeditor + SyntaxHighlighter 让代码高亮着色插件

    FCKeditor + SyntaxHighlighter 让代码高亮着色插件

    FCKeditor是现在最为流行的开源编辑器,SyntaxHighlighter是一个用JS实现的代码高亮显示插件,可以最小化修改您的程序实现效果,最终效果截图: 演示网页: 下载FCKeditor + SyntaxHighlighter插件包:fck_SyntaxHighlighter我们打包版 下面分步介绍如何在FCKeditor环境中使用SyntaxHighlighter. 后台FCKeditor编辑器的修改 1.将包解压后,把 insertcode 文件夹上传到 FCKeditor编辑器

  • jQuery+PHP发布的内容进行无刷新分页（Fckeditor）

    jQuery+PHP发布的内容进行无刷新分页（Fckeditor）

    这篇文章将使用jQuery,并结合PHP,将Fckeditor发布的内容进行分页,并且实现无刷新切换页面.  本文假设你是WEB开发人员,掌握了jQuery和PHP相关知识,并且熟知Fckeditor的配置和使用. Fckeditor编辑器有一个插入分页符的功能按钮,点击该按钮,将会在内容区插入一条分页符,如下图红色框标注: 分页符对应生成的html代码是: <div style="page-break-after: always"><span style="

随机推荐