- 浏览: 1504498 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (798)
- struts2 (42)
- servlet (20)
- quartz (4)
- jquery & ajax (24)
- tomcat (5)
- javascript (15)
- struts1 (8)
- 搜索关键字及链接 (3)
- fckeditor (3)
- Apache (5)
- spring (22)
- linux (3)
- 企业应用 (8)
- 综合应用 (13)
- 服务器 (2)
- 数据库 (85)
- 性能调优 (21)
- 网络应用 (15)
- 缓存技术 (8)
- 设计模式 (39)
- 面试题 (7)
- 程序人生&前辈程序员 (29)
- java基础 (59)
- hibernate (75)
- log4j (4)
- http (11)
- 架构设计 (28)
- 网页设计 (12)
- java邮件 (4)
- 相关工具 (11)
- ognl (7)
- 工作笔记 (18)
- 知识面扩展 (12)
- oracle异常 (1)
- 正则表达式 (2)
- java异常 (5)
- 项目实践&管理 (1)
- 专业术语 (11)
- 网站参考 (1)
- 论坛话题 (2)
- web应用 (11)
- cxf&webservice (22)
- freemarker (3)
- 开源项目 (9)
- eos (1)
- ibatis (6)
- 自定义标签 (3)
- jsp (3)
- 内部非公开文档(注意:保存为草稿) (0)
- 国内外知名企业 (2)
- 网店 (3)
- 分页 (1)
- 消费者习惯 (2)
- 每日关注 (1)
- 商业信息 (18)
- 关注商业网站 (1)
- 生活常识 (3)
- 新闻 (2)
- xml&JSON (5)
- solaris (1)
- apache.common (3)
- BLOB/CLOB (1)
- lucene (2)
- JMS (14)
- 社会进程 (8)
- SSH扩展 (2)
- 消费心理 (1)
- 珠三角 (1)
- 设计文档 (1)
- XWork&webwork (1)
- 软件工程 (3)
- 数据库及链接 (1)
- RMI (2)
- 国内外知名企业&人物 (1)
最新评论
-
司c马:
简介易懂、
OutputStream和InputStream的区别 -
在世界的中心呼喚愛:
解决我的问题
Java获取客户端的真实IP地址 -
bo_hai:
都是些基本的概念呀!
SSO -
tian_4238:
哥们,你也是搞水利这块的吧。
巧用SQLQuery中的addScalar -
loveEVERYday:
java.util.Date、java.sql.Date、java.sql.Time、java.sql.Timestamp小结
FCKeditor的核心是fckeditor.js,从http://blog.csdn.net/nileader/archive/2009/10/21/4710559.aspx摘录到注释。
- /**
- *
- * ***********CopyRight**************
- *-------Annotated by nileader-----
- *-----Version 1.00 2009-10-18-----
- *-----Once copied, marked http://blog.csdn.net/nileader
- *
- * FCKeditor 类 annotated by nileader
- * @param {Object} instanceName 编辑器的唯一名称(相当于ID) 是不可省参数,
- * width,height,toolbarset,value 都是 可选参数
- */
- var FCKeditor = function( instanceName, width, height, toolbarSet, value )
- {
- //编辑器的基本属性 注意:这些东西优先于FCKConfig.js中的配置
- this.InstanceName = instanceName ; //编辑器的唯一名称(相当于ID)(必须有!)
- this.Width = width || '100%' ; //宽度 默认是100%
- this.Height = height || '200' ; //宽度 默认是200
- this.ToolbarSet = toolbarSet || 'Default' ;//工具集名称,默认值是Default
- this.Value = value || '' ; //初始化编辑器的HTML代码,默认值为空
- //编辑器初始化的时候默认的根路径, 其作用是编写fck中,凡是用到的路径,均从FCKeditor.BasePath目录开始 默认为/Fckeditor/
- this.BasePath = FCKeditor.BasePath ;
- this.CheckBrowser = true ; //是否在显示编辑器前检查浏览器兼容性,默认为true
- this.DisplayErrors = true ; //是否显示提示错误,默为true
- this.Config = new Object() ;
- // Events
- this.OnError = null ; // function( source, errorNumber, errorDescription )自定义的错误处理函数
- }
- FCKeditor.BasePath = '/fckeditor/' ; // fck默认的根目录
- FCKeditor.MinHeight = 200 ; //高和宽的限制
- FCKeditor.MinWidth = 750 ;
- FCKeditor.prototype.Version = '2.6.5' ; //版本号
- FCKeditor.prototype.VersionBuild = '23959' ;
- /**
- * 调用CreateHtml()来生成编辑器的html代码并在页面上输出编辑器
- */
- FCKeditor.prototype.Create = function()
- {
- //调用createhtml()方法
- document.write( this.CreateHtml() ) ;
- }
- /**
- * @return sHtml 用于生成编辑器的html代码
- */
- FCKeditor.prototype.CreateHtml = function()
- {
- // 检查有无InstanceName 如果没有则不生成html代码
- if ( !this.InstanceName || this.InstanceName.length == 0 )
- {
- this._ThrowError( 701, 'You must specify an instance name.' ) ;
- return '' ;
- }
- //函数的返回值
- var sHtml = '' ;
- /*
- * 当用户的浏览器符合预设的几种浏览器时,
- * 生成一个id="this.instancename" name="this.instancename"的文本框,事实上的内容储存器
- */
- if ( !this.CheckBrowser || this._IsCompatibleBrowser() )
- {
- //将此时FCK初始值通过转义之后放入这个input
- sHtml += '<input type="hidden" id="' + this.InstanceName + '" name="' + this.InstanceName + '" value="' + this._HTMLEncode( this.Value ) + '" style="display:none" mce_style="display:none" />' ;
- //生成一个隐藏的INPUT来放置this.config中的内容
- sHtml += this._GetConfigHtml() ;
- //生成编辑器的iframe的代码
- sHtml += this._GetIFrameHtml() ;
- }
- /**
- * 如果用户的浏览器不兼容FCK默认的几种浏览器
- * 只能有传统的textarea了
- */
- else
- {
- var sWidth = this.Width.toString().indexOf('%') > 0 ? this.Width : this.Width + 'px' ;
- var sHeight = this.Height.toString().indexOf('%') > 0 ? this.Height : this.Height + 'px' ;
- sHtml += '<textarea name="' + this.InstanceName +
- '" rows="4" cols="40" style="width:' + sWidth +
- ';height:' + sHeight ;
- if ( this.TabIndex )
- sHtml += '" tabindex="' + this.TabIndex ;
- sHtml += '">' +
- this._HTMLEncode( this.Value ) +
- '<\/textarea>' ;
- }
- return sHtml ;
- }
- /**
- * 用编辑器来替换对应的文本框
- */
- FCKeditor.prototype.ReplaceTextarea = function()
- {
- //如果已经有了 id=THIS.INSTANCENAME___Frame 的标签时,直接返回
- if ( document.getElementById( this.InstanceName + '___Frame' ) )
- return ;
- //当用户的浏览器符合预设的几种浏览器时
- if ( !this.CheckBrowser || this._IsCompatibleBrowser() )
- {
- // We must check the elements firstly using the Id and then the name.
- //获取id=this.InstanceName的html标签
- var oTextarea = document.getElementById( this.InstanceName ) ;
- //获取所有name=THIS.instancename的标签
- var colElementsByName = document.getElementsByName( this.InstanceName ) ;
- var i = 0;
- /*
- * 考虑到用户html标签的命名不规范,所以进行以下编历判断 笔者指的是用户在textarea标签处用了name=this.instancename
- * 在同个页面的其它标签上也用了name=this.instancename
- */
- while ( oTextarea || i == 0 )
- {
- //遍历,直到找到name=this.instancename的textarea标签,并赋给oTextarea
- if ( oTextarea && oTextarea.tagName.toLowerCase() == 'textarea' )
- break ;
- oTextarea = colElementsByName[i++] ;
- }
- //如果不存在id或者name为this.instancename的标签时,弹出错误框
- if ( !oTextarea )
- {
- alert( 'Error: The TEXTAREA with id or name set to "' + this.InstanceName + '" was not found' ) ;
- return ;
- }
- /*
- * 确定存在name=this.instancename的textarea标签后,将编辑器的代码赋给它
- */
- oTextarea.style.display = 'none' ;
- //如果页面上对这样的textarea标签定义了tab键的顺序,赋给this.TabIndex待用
- if ( oTextarea.tabIndex )
- this.TabIndex = oTextarea.tabIndex ;
- this._InsertHtmlBefore( this._GetConfigHtml(), oTextarea ) ;
- this._InsertHtmlBefore( this._GetIFrameHtml(), oTextarea ) ;
- }
- }
- /**
- * 在指定的页面标签前面插入html代码
- * @param {Object} 待插入的html代码
- * @param {Object} 指定的页面标签(对象)
- */
- FCKeditor.prototype._InsertHtmlBefore = function( html, element )
- {
- if ( element.insertAdjacentHTML ) // IE 私有的 insertAdjacentHTML 方法
- element.insertAdjacentHTML( 'beforeBegin', html ) ;
- else // 非ie浏览器
- {
- var oRange = document.createRange() ;
- oRange.setStartBefore( element ) ;
- var oFragment = oRange.createContextualFragment( html );
- element.parentNode.insertBefore( oFragment, element ) ;
- }
- }
- /*
- * 通过编历this.Config[]来生成一个隐藏域,
- * 例如:
- * this.Config['nileader']="1104",this.Config['leaderni']="nichao"……
- * 那么,sConfig=…… &nileader=1104&leaderni=nichao ……
- * 当然,最终,sConfig会被encodeURIComponent函数转换成百分比编码 放入隐藏的INPUT中去
- */
- FCKeditor.prototype._GetConfigHtml = function()
- {
- var sConfig = '' ;
- for ( var o in this.Config )
- {
- if ( sConfig.length > 0 ) sConfig += '&' ;
- //encodeURIComponent函数转换成百分比编码
- sConfig += encodeURIComponent( o ) + '=' + encodeURIComponent( this.Config[o] ) ;
- }
- return '<input type="hidden" id="' + this.InstanceName + '___Config" value="' + sConfig + '" style="display:none" mce_style="display:none" />' ;
- }
- /*
- * 生成iframe的html 这里涉及到src的确定
- */
- FCKeditor.prototype._GetIFrameHtml = function()
- {
- var sFile = 'fckeditor.html' ;
- //特殊情况 fckedito所在的窗口没有嵌入在浏览器中
- try
- {
- if ( (/fcksource=true/i).test( window.top.location.search ) )
- sFile = 'fckeditor.original.html' ;
- }
- catch (e) { /* 忽略这个异常. 很多时候,fckedito所在的窗口嵌入在浏览器中. */ }
- /*
- * 这里注意的一点:
- * iframe的工作原理: 当iframe处于可编辑状态时,其实编辑的是src所在的页面
- * 这里合成一个sLink以放入iframe标签中
- */
- //sLink就是这个事实上的页面了,从fck的根目录开始,例如 sLink=/fckeditor/editor/fckeditor.html?InstanceName=nileader&Toolbar=nileadersbar
- var sLink = this.BasePath + 'editor/' + sFile + '?InstanceName=' + encodeURIComponent( this.InstanceName ) ;
- if (this.ToolbarSet)
- sLink += '&Toolbar=' + this.ToolbarSet ;
- //生成一个真正的编辑iframer的html代码 当然,放入了src=slink
- var html = '<iframe id="' + this.InstanceName +
- '___Frame" src="' + sLink +
- '" mce_src="' + sLink +
- '" width="' + this.Width +
- '" height="' + this.Height ;
- //如果设定了使用"Tab"键的遍历顺序,则赋给iframe
- if ( this.TabIndex )
- html += '" tabindex="' + this.TabIndex ;
- html += '" frameborder="0" scrolling="no"></iframe>' ;
- return html ;
- }
- /*
- * 检测用户的bowser是否是fck的默认
- * 这个方法只是fck公司追求oo,无意义
- */
- FCKeditor.prototype._IsCompatibleBrowser = function()
- {
- return FCKeditor_IsCompatibleBrowser() ;
- }
- /**
- * 抛出错误
- * @param {Object} errorNumber 错误编号
- * @param {Object} errorDescription 错误概述
- */
- FCKeditor.prototype._ThrowError = function( errorNumber, errorDescription )
- {
- this.ErrorNumber = errorNumber ;
- this.ErrorDescription = errorDescription ;
- //是否显示提示错误,默为true
- if ( this.DisplayErrors )
- { //将错误编号和错误概述打印出来
- document.write( '<div style="COLOR: #ff0000" mce_style="COLOR: #ff0000">' ) ;
- document.write( '[ FCKeditor Error ' + this.ErrorNumber + ': ' + this.ErrorDescription + ' ]' ) ;
- document.write( '</div>' ) ;
- }
- //OnError是否自定义了错误处理函数,若定义了,由其处理
- if ( typeof( this.OnError ) == 'function' )
- this.OnError( this, errorNumber, errorDescription ) ;
- }
- /**
- * 转义文本
- * @param {Object} text 待转义的文本
- * @return String text 转义完后的文本
- */
- FCKeditor.prototype._HTMLEncode = function( text )
- {
- if ( typeof( text ) != "string" )
- text = text.toString() ;
- //将字符串中的所有 & " < > 用对应的转义字符代换
- text = text.replace(
- /&/g, "&").replace(
- /"/g, """).replace(
- /</g, "<").replace(
- />/g, ">") ;
- return text ;
- }
- ;(function()
- {
- //把页面上的textarea元素赋给editor变量
- var textareaToEditor = function( textarea )
- {
- var editor = new FCKeditor( textarea.name ) ;
- editor.Width = Math.max( textarea.offsetWidth, FCKeditor.MinWidth ) ;
- editor.Height = Math.max( textarea.offsetHeight, FCKeditor.MinHeight ) ;
- return editor ;
- }
- /**
- * Replace all <textarea> elements available in the document with FCKeditor
- * instances.
- *
- * // Replace all <textarea> elements in the page.
- * FCKeditor.ReplaceAllTextareas() ;
- *
- * // Replace all <textarea class="myClassName"> elements in the page.
- * FCKeditor.ReplaceAllTextareas( 'myClassName' ) ;
- *
- * // Selectively replace <textarea> elements, based on custom assertions.
- * FCKeditor.ReplaceAllTextareas( function( textarea, editor )
- * {
- * // Custom code to evaluate the replace, returning false if it
- * // must not be done.
- * // It also passes the "editor" parameter, so the developer can
- * // customize the instance.
- * } ) ;
- */
- FCKeditor.ReplaceAllTextareas = function()
- {
- //获取所有的textarea元素
- var textareas = document.getElementsByTagName( 'textarea' ) ;
- for ( var i = 0 ; i < textareas.length ; i++ )
- {
- var editor = null ;
- var textarea = textareas[i] ;
- var name = textarea.name ;
- // The "name" attribute must exist.
- if ( !name || name.length == 0 )
- continue ;
- if ( typeof arguments[0] == 'string' )
- {
- // The textarea class name could be passed as the function
- // parameter.
- var classRegex = new RegExp( '(?:^| )' + arguments[0] + '(?:$| )' ) ;
- if ( !classRegex.test( textarea.className ) )
- continue ;
- }
- else if ( typeof arguments[0] == 'function' )
- {
- // An assertion function could be passed as the function parameter.
- // It must explicitly return "false" to ignore a specific <textarea>.
- editor = textareaToEditor( textarea ) ;
- if ( arguments[0]( textarea, editor ) === false )
- continue ;
- }
- if ( !editor )
- editor = textareaToEditor( textarea ) ;
- editor.ReplaceTextarea() ;
- }
- }
- })() ;
- /**
- * 检测浏览器的兼容性
- * 利用了navigator对象返回的一些信息sAgent,判断浏览器 返回包括 浏览器的码名 浏览器名 浏览器版本 语言 等信息 并小写
- * 例如:
- * mozilla/4.0 (compatible; msie 6.0; windows nt 5.2; sv1; .net clr 1.1.4322)
- *
- * 判断IE浏览器的时候,运用了IE4.0之后支持的增加了对条件编译,
- * 由于只是IE支持,在W3C标准浏览器中,该属性是不被支持的。因此,适当的利用该特性,判断IE
- */
- function FCKeditor_IsCompatibleBrowser()
- {
- var sAgent = navigator.userAgent.toLowerCase() ;
- // 当前浏览器是Internet Explorer 5.5+
- //利用条件编译判断IE 在IE中,/*@cc_on!@*/false == !false == true,
- //如果是非IE浏览器,则忽略,/*@cc_on!@*/false == false
- if ( /*@cc_on!@*/false && sAgent.indexOf("mac") == -1 ) //不是apple mac os
- {
- var sBrowserVersion = navigator.appVersion.match(/MSIE (.\..)/)[1] ;
- return ( sBrowserVersion >= 5.5 ) ;
- }
- // Gecko (Opera 9 tries to behave like Gecko at this point).
- //检测是否是OPERA 9 浏览器
- if ( navigator.product == "Gecko" && navigator.productSub >= 20030210 && !( typeof(opera) == 'object' && opera.postError ) )
- return true ;
- // Opera 9.50+
- if ( window.opera && window.opera.version && parseFloat( window.opera.version() ) >= 9.5 )
- return true ;
- // Adobe AIR
- // Checked before Safari because AIR have the WebKit rich text editor
- // features from Safari 3.0.4, but the version reported is 420.
- if ( sAgent.indexOf( ' adobeair/' ) != -1 )
- return ( sAgent.match( / adobeair\/(\d+)/ )[1] >= 1 ) ; // Build must be at least v1
- // Safari 3+
- if ( sAgent.indexOf( ' applewebkit/' ) != -1 )
- return ( sAgent.match( / applewebkit\/(\d+)/ )[1] >= 522 ) ; // Build must be at least 522 (v3)
- return false ;
- }
相关推荐
通过阅读fckeditor.js的中文注释,开发者不仅可以了解FCKeditor的内部工作机制,还能学习到JavaScript编程、DOM操作以及事件处理等多方面的知识。这对于我们理解和自定义FCKeditor,甚至开发自己的富文本编辑器都...
### FckEditor V2.6 fckconfig.js详细中文注释 #### 1. `FCKConfig.CustomConfigurationsPath=''` // 自定义配置路径 这一行设置了FCKEditor的自定义配置文件路径,默认为空字符串。如果需要加载额外的配置文件,...
### FckEditor V2.6 fckconfig.js 配置详解 #### 1. `FCKConfig.CustomConfigurationsPath = '' ;` - **说明:** 此配置项用于指定自定义配置文件的路径和名称。 - **作用:** 通过这一配置,用户可以指定额外的...
以上就是关于“FCKeditor获取选中内容的JS”的详细解析。理解并掌握这些知识点,可以让你在使用FCKeditor时更加游刃有余,无论是开发还是维护,都能提高工作效率。同时,记住在编写代码时加入清晰的注释,以便于他人...
<script type="text/javascript" src="/fckeditor/fckeditor.js"> <script type="text/javascript"> var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ; oFCKeditor.Create() ; ``` 这里 `FCKeditor1` 是编辑器的...
其次,通过预处理步骤,如移除代码注释和无用空格,以及合并脚本文件,FckEditor的脚本大小可以被压缩到原来的一半,显著提高了加载速度。 为了打包和压缩FckEditor的JS脚本,用户可以使用自带的打包程序——...
1. **预处理**:为了减小文件大小,FCKeditor的JS脚本会去除注释和空格,然后合并到一起。 2. **打包程序**:位于`_PACKAGER`文件夹的`Fckeditor.Packager.exe`,是.NET程序,需要.NET Framework支持。运行程序可以...
为了优化性能,FCKEditor的JS脚本会在打包新版本时进行预处理,包括移除注释、删除无用空白字符和合并脚本文件,这样可以将文件大小压缩至原大小的一半。预处理后的代码保存在_Source文件夹中。用户可以通过编辑器...
<script type="text/javascript" src="/fckeditor/fckeditor.js"> ``` 2. **创建编辑器**:在页面的`FORM`标签内通过JavaScript代码创建编辑器实例。 ```javascript var oFCKeditor = new FCKeditor('FCKeditor1...
<script type="text/javascript" src="/fckeditor/fckeditor.js"> ``` ##### 2. 创建编辑器实例 通过JavaScript代码创建编辑器实例。推荐使用内联方式,即将创建编辑器的代码直接写入HTML文档中,如: ```...
<script type="text/javascript" src="/fckeditor/fckeditor.js"> ``` 2. **初始化编辑器**:在页面中使用JavaScript代码初始化编辑器实例。 ##### 方法2: 使用API 除了直接在HTML中引用外,还可以通过API的方式...
它的源代码主要由JavaScript编写,其中`fckeditor.js`是核心类文件,负责编辑器的初始化、配置以及功能实现。以下是对`fckeditor.js`中部分关键知识点的详细解释: 1. **FCKeditor构造函数**: 当创建一个新的...
在FCKeditor目录里的fckconfig.js打开,找到FCKConfig.ToolbarSets[“Default”] 这里的设置是配置功能按钮的,你需要的留下,不需要的可以删掉,也可以注释掉。 如需要多种配置,可以设置多个FCKConfig....
7. `fckeditor`:这是一个目录,很可能包含了编辑器的JavaScript、CSS和其他相关资源文件,这些文件是FCKeditor运行所必需的。 8. `language`:这个目录可能包含了编辑器支持的不同语言包,使得非英语用户也能方便...
### Js 获取和修改FCKeditor的值的代码详解 #### 一、概述 FCKeditor是一款功能强大的富文本编辑器,被广泛应用于Web应用程序中,为用户提供了一个接近桌面编辑器的体验。通过JavaScript,我们可以轻松地与...
- 去掉注释 `//` 后,相当于将 `placeholder` 这个插件的功能添加到了FCKeditor中。 - 插件文件路径通常是 `FCKConfig.BasePath + 'plugins/'`。 通过上述介绍,我们可以看到FCKeditor_API提供了非常全面的功能,...