`

fckeditor.js注释

fckeditor浏览器IEOperaprototype 
阅读更多

代码 复制代码

 

  2. /**   
  3.  *   
  4.  * ***********CopyRight**************   
  5.  *-------Annotated by nileader-----   
  6.  *-----Version 1.00   2009-10-18-----   
  7.  *-----Once copied, marked http://blog.csdn.net/nileader   
  8.  *   
  9.  * FCKeditor  类     annotated by nileader   
  10.  * @param {Object} instanceName 编辑器的唯一名称(相当于ID) 是不可省参数，   
  11.  * width,height,toolbarset,value 都是 可选参数   
  12.  */      
  13. var  FCKeditor =  function ( instanceName, width, height, toolbarSet, value )     
  14. {     
  15.        //编辑器的基本属性   注意:这些东西优先于FCKConfig.js中的配置     
  16.           
  17.      this .InstanceName    = instanceName ;               //编辑器的唯一名称(相当于ID)（必须有！）     
  18.      this .Width            = width            ||  '100%'  ;    //宽度   默认是100%           
  19.      this .Height            = height        ||  '200'  ;     //宽度   默认是200     
  20.      this .ToolbarSet        = toolbarSet    ||  'Default'  ; //工具集名称,默认值是Default     
  21.      this .Value            = value            ||  ''  ;        //初始化编辑器的HTML代码,默认值为空     
  22.                    //编辑器初始化的时候默认的根路径， 其作用是编写fck中，凡是用到的路径，均从FCKeditor.BasePath目录开始      默认为/Fckeditor/     
  23.      this .BasePath        = FCKeditor.BasePath ;           
  24.      this .CheckBrowser    =  true  ;                       //是否在显示编辑器前检查浏览器兼容性,默认为true     
  25.      this .DisplayErrors    =  true  ;                       //是否显示提示错误,默为true     
  26.      this .Config            =  new  Object() ;                 
  27.      // Events     
  28.      this .OnError        =  null  ;     // function( source, errorNumber, errorDescription )自定义的错误处理函数     
  29. }     
  30. FCKeditor.BasePath =  '/fckeditor/'  ;      // fck默认的根目录     
  31. FCKeditor.MinHeight = 200 ;          //高和宽的限制     
  32. FCKeditor.MinWidth = 750 ;     
  33. FCKeditor.prototype.Version            =  '2.6.5'  ;   //版本号     
  34. FCKeditor.prototype.VersionBuild    =  '23959'  ;     
  35. /**   
  36.  * 调用CreateHtml()来生成编辑器的html代码并在页面上输出编辑器   
  37.  */      
  38. FCKeditor.prototype.Create =  function ()     
  39. {     
  40.      //调用createhtml（）方法     
  41.     document.write(  this .CreateHtml() ) ;     
  42. }     
  43. /**   
  44.  * @return sHtml 用于生成编辑器的html代码   
  45.  */      
  46. FCKeditor.prototype.CreateHtml =  function ()     
  47. {     
  48.      // 检查有无InstanceName  如果没有则不生成html代码     
  49.      if  ( ! this .InstanceName ||  this .InstanceName.length == 0 )     
  50.     {     
  51.          this ._ThrowError( 701,  'You must specify an instance name.'  ) ;     
  52.          return   ''  ;     
  53.     }     
  54.      //函数的返回值     
  55.      var  sHtml =  ''  ;     
  56.      /*   
  57.      * 当用户的浏览器符合预设的几种浏览器时，   
  58.      * 生成一个id="this.instancename" name="this.instancename"的文本框，事实上的内容储存器   
  59.      */      
  60.      if  ( ! this .CheckBrowser ||  this ._IsCompatibleBrowser() )     
  61.     {     
  62.          //将此时FCK初始值通过转义之后放入这个input     
  63.         sHtml +=  '<input type="hidden" id="'  +  this .InstanceName +  '" name="'  +  this .InstanceName +  '" value="'  +  this ._HTMLEncode(  this .Value ) +  '" style="display:none" mce_style="display:none" />'  ;     
  64.          //生成一个隐藏的INPUT来放置this.config中的内容     
  65.         sHtml +=  this ._GetConfigHtml() ;     
  66.          //生成编辑器的iframe的代码     
  67.         sHtml +=  this ._GetIFrameHtml() ;     
  68.     }     
  69.      /**   
  70.      * 如果用户的浏览器不兼容FCK默认的几种浏览器   
  71.      * 只能有传统的textarea了   
  72.      */      
  73.      else      
  74.     {     
  75.          var  sWidth  =  this .Width.toString().indexOf( '%' )  > 0 ?  this .Width  :  this .Width  +  'px'  ;     
  76.          var  sHeight =  this .Height.toString().indexOf( '%' ) > 0 ?  this .Height :  this .Height +  'px'  ;     
  77.         sHtml +=  '<textarea name="'  +  this .InstanceName +     
  78.              '" rows="4" cols="40" style="width:'  + sWidth +     
  79.              ';height:'  + sHeight ;     
  80.          if  (  this .TabIndex )     
  81.             sHtml +=  '" tabindex="'  +  this .TabIndex ;     
  82.         sHtml +=  '">'  +     
  83.              this ._HTMLEncode(  this .Value ) +     
  84.              '<\/textarea>'  ;     
  85.     }     
  86.      return  sHtml ;     
  87. }     
  88.      
  89. /**   
  90.  * 用编辑器来替换对应的文本框   
  91.  */      
  92. FCKeditor.prototype.ReplaceTextarea =  function ()     
  93. {     
  94.      //如果已经有了 id=THIS.INSTANCENAME___Frame 的标签时，直接返回     
  95.      if  ( document.getElementById(  this .InstanceName +  '___Frame'  ) )     
  96.          return  ;     
  97.      //当用户的浏览器符合预设的几种浏览器时     
  98.      if  ( ! this .CheckBrowser ||  this ._IsCompatibleBrowser() )     
  99.     {     
  100.          // We must check the elements firstly using the Id and then the name.     
  101.          //获取id=this.InstanceName的html标签     
  102.          var  oTextarea = document.getElementById(  this .InstanceName ) ;     
  103.          //获取所有name=THIS.instancename的标签     
  104.          var  colElementsByName = document.getElementsByName(  this .InstanceName ) ;     
  105.          var  i = 0;     
  106.          /*   
  107.          * 考虑到用户html标签的命名不规范，所以进行以下编历判断     笔者指的是用户在textarea标签处用了name=this.instancename   
  108.          * 在同个页面的其它标签上也用了name=this.instancename   
  109.          */      
  110.          while  ( oTextarea || i == 0 )     
  111.         {     
  112.              //遍历，直到找到name=this.instancename的textarea标签，并赋给oTextarea     
  113.              if  ( oTextarea && oTextarea.tagName.toLowerCase() ==  'textarea'  )     
  114.                  break  ;     
  115.             oTextarea = colElementsByName[i++] ;     
  116.         }     
  117.          //如果不存在id或者name为this.instancename的标签时，弹出错误框     
  118.          if  ( !oTextarea )     
  119.         {     
  120.             alert(  'Error: The TEXTAREA with id or name set to "'  +  this .InstanceName +  '" was not found'  ) ;     
  121.              return  ;     
  122.         }     
  123.          /*   
  124.          * 确定存在name=this.instancename的textarea标签后，将编辑器的代码赋给它   
  125.          */      
  126.         oTextarea.style.display =  'none'  ;     
  127.          //如果页面上对这样的textarea标签定义了tab键的顺序，赋给this.TabIndex待用     
  128.          if  ( oTextarea.tabIndex )     
  129.              this .TabIndex = oTextarea.tabIndex ;     
  130.          this ._InsertHtmlBefore(  this ._GetConfigHtml(), oTextarea ) ;     
  131.          this ._InsertHtmlBefore(  this ._GetIFrameHtml(), oTextarea ) ;     
  132.     }     
  133. }     
  134.      
  135.      
  136.      
  137.      
  138.      
  139.      
  140. /**   
  141.  * 在指定的页面标签前面插入html代码   
  142.  * @param {Object} 待插入的html代码   
  143.  * @param {Object} 指定的页面标签（对象）   
  144.  */      
  145. FCKeditor.prototype._InsertHtmlBefore =  function ( html, element )     
  146. {     
  147.      if  ( element.insertAdjacentHTML )     // IE 私有的 insertAdjacentHTML 方法     
  148.         element.insertAdjacentHTML(  'beforeBegin' , html ) ;     
  149.      else                                  // 非ie浏览器     
  150.     {     
  151.             
  152.          var  oRange = document.createRange() ;     
  153.         oRange.setStartBefore( element ) ;     
  154.          var  oFragment = oRange.createContextualFragment( html );     
  155.         element.parentNode.insertBefore( oFragment, element ) ;     
  156.     }     
  157. }     
  158.      
  159.      
  160.      
  161.      
  162. /*   
  163.  * 通过编历this.Config[]来生成一个隐藏域，   
  164.  * 例如：   
  165.  * this.Config['nileader']="1104",this.Config['leaderni']="nichao"……   
  166.  * 那么，sConfig=…… &nileader=1104&leaderni=nichao ……   
  167.  * 当然，最终，sConfig会被encodeURIComponent函数转换成百分比编码 放入隐藏的INPUT中去   
  168.  */      
  169. FCKeditor.prototype._GetConfigHtml =  function ()     
  170. {     
  171.      var  sConfig =  ''  ;     
  172.      for  (  var  o  in   this .Config )     
  173.     {     
  174.          if  ( sConfig.length > 0 ) sConfig +=  '&'  ;     
  175.          //encodeURIComponent函数转换成百分比编码     
  176.         sConfig += encodeURIComponent( o ) +  '='  + encodeURIComponent(  this .Config[o] ) ;     
  177.     }     
  178.      return   '<input type="hidden" id="'  +  this .InstanceName +  '___Config" value="'  + sConfig +  '" style="display:none" mce_style="display:none" />'  ;     
  179. }     
  180.      
  181.      
  182.      
  183. /*   
  184.  * 生成iframe的html  这里涉及到src的确定   
  185.  */      
  186. FCKeditor.prototype._GetIFrameHtml =  function ()     
  187. {     
  188.      var  sFile =  'fckeditor.html'  ;     
  189.      //特殊情况　fckedito所在的窗口没有嵌入在浏览器中     
  190.      try      
  191.     {     
  192.          if  ( (/fcksource= true /i).test( window.top.location.search ) )     
  193.             sFile =  'fckeditor.original.html'  ;     
  194.     }     
  195.      catch  (e) {  /* 忽略这个异常. 很多时候，fckedito所在的窗口嵌入在浏览器中. */  }     
  196.      /*   
  197.      * 这里注意的一点：   
  198.      * iframe的工作原理： 当iframe处于可编辑状态时，其实编辑的是src所在的页面   
  199.      * 这里合成一个sLink以放入iframe标签中   
  200.      */      
  201.      //sLink就是这个事实上的页面了，从fck的根目录开始，例如   sLink=/fckeditor/editor/fckeditor.html?InstanceName=nileader&Toolbar=nileadersbar     
  202.      var  sLink =  this .BasePath +  'editor/'  + sFile +  '?InstanceName='  + encodeURIComponent(  this .InstanceName ) ;     
  203.      if  ( this .ToolbarSet)     
  204.         sLink +=  '&Toolbar='  +  this .ToolbarSet ;     
  205.      //生成一个真正的编辑iframer的html代码  当然，放入了src=slink     
  206.      var  html =  '<iframe id="'  +  this .InstanceName +     
  207.          '___Frame" src="'  + sLink +     
  208.          '" mce_src="'  + sLink +     
  209.          '" width="'  +  this .Width +     
  210.          '" height="'  +  this .Height ;     
  211.      //如果设定了使用"Tab"键的遍历顺序，则赋给iframe     
  212.      if  (  this .TabIndex )     
  213.         html +=  '" tabindex="'  +  this .TabIndex ;     
  214.     html +=  '" frameborder="0" scrolling="no"></iframe>'  ;     
  215.      return  html ;     
  216. }     
  217.      
  218.      
  219.      
  220. /*   
  221.  * 检测用户的bowser是否是fck的默认   
  222.  * 这个方法只是fck公司追求oo，无意义   
  223.  */      
  224. FCKeditor.prototype._IsCompatibleBrowser =  function ()     
  225. {     
  226.      return  FCKeditor_IsCompatibleBrowser() ;     
  227. }     
  228.      
  229.      
  230.      
  231. /**   
  232.  * 抛出错误   
  233.  * @param {Object} errorNumber    错误编号   
  234.  * @param {Object} errorDescription   错误概述   
  235.  */      
  236. FCKeditor.prototype._ThrowError =  function ( errorNumber, errorDescription )     
  237. {     
  238.      this .ErrorNumber        = errorNumber ;     
  239.      this .ErrorDescription    = errorDescription ;     
  240.      //是否显示提示错误,默为true     
  241.      if  (  this .DisplayErrors )     
  242.     {       //将错误编号和错误概述打印出来     
  243.         document.write(  '<div style="COLOR: #ff0000" mce_style="COLOR: #ff0000">'  ) ;     
  244.         document.write(  '[ FCKeditor Error '  +  this .ErrorNumber +  ': '  +  this .ErrorDescription +  ' ]'  ) ;     
  245.         document.write(  '</div>'  ) ;     
  246.     }     
  247.      //OnError是否自定义了错误处理函数，若定义了，由其处理     
  248.      if  (  typeof (  this .OnError ) ==  'function'  )     
  249.          this .OnError(  this , errorNumber, errorDescription ) ;     
  250. }     
  251.      
  252.      
  253. /**   
  254.  * 转义文本   
  255.  * @param {Object} text   待转义的文本   
  256.  * @return String  text    转义完后的文本   
  257.  */      
  258. FCKeditor.prototype._HTMLEncode =  function ( text )     
  259. {     
  260.      if  (  typeof ( text ) !=  "string"  )     
  261.         text = text.toString() ;     
  262.      //将字符串中的所有 & " < > 用对应的转义字符代换     
  263.     text = text.replace(     
  264.         /&/g,  "&" ).replace(     
  265.         / "/g, " "" ).replace(     
  266.         /</g,  "<" ).replace(     
  267.         />/g,  ">" ) ;     
  268.      return  text ;     
  269. }     
  270.      
  271.      
  272.      
  273. ;( function ()     
  274. {     
  275.      //把页面上的textarea元素赋给editor变量     
  276.      var  textareaToEditor =  function ( textarea )     
  277.     {     
  278.          var  editor =  new  FCKeditor( textarea.name ) ;     
  279.         editor.Width = Math.max( textarea.offsetWidth, FCKeditor.MinWidth ) ;     
  280.         editor.Height = Math.max( textarea.offsetHeight, FCKeditor.MinHeight ) ;     
  281.          return  editor ;     
  282.     }     
  283.      /**   
  284.      * Replace all <textarea> elements available in the document with FCKeditor   
  285.      * instances.   
  286.      *   
  287.      *    // Replace all <textarea> elements in the page.   
  288.      *    FCKeditor.ReplaceAllTextareas() ;   
  289.      *   
  290.      *    // Replace all <textarea class="myClassName"> elements in the page.   
  291.      *    FCKeditor.ReplaceAllTextareas( 'myClassName' ) ;   
  292.      *   
  293.      *    // Selectively replace <textarea> elements, based on custom assertions.   
  294.      *    FCKeditor.ReplaceAllTextareas( function( textarea, editor )   
  295.      *        {   
  296.      *            // Custom code to evaluate the replace, returning false if it   
  297.      *            // must not be done.   
  298.      *            // It also passes the "editor" parameter, so the developer can   
  299.      *            // customize the instance.   
  300.      *        } ) ;   
  301.      */      
  302.     FCKeditor.ReplaceAllTextareas =  function ()     
  303.     {     
  304.          //获取所有的textarea元素     
  305.          var  textareas = document.getElementsByTagName(  'textarea'  ) ;     
  306.             
  307.          for  (  var  i = 0 ; i < textareas.length ; i++ )     
  308.         {     
  309.              var  editor =  null  ;     
  310.              var  textarea = textareas[i] ;     
  311.              var  name = textarea.name ;     
  312.              // The "name" attribute must exist.     
  313.              if  ( !name || name.length == 0 )     
  314.                  continue  ;     
  315.              if  (  typeof  arguments[0] ==  'string'  )     
  316.             {     
  317.                  // The textarea class name could be passed as the function     
  318.                  // parameter.     
  319.                  var  classRegex =  new  RegExp(  '(?:^| )'  + arguments[0] +  '(?:$| )'  ) ;     
  320.                  if  ( !classRegex.test( textarea.className ) )     
  321.                      continue  ;     
  322.             }     
  323.              else   if  (  typeof  arguments[0] ==  'function'  )     
  324.             {     
  325.                  // An assertion function could be passed as the function parameter.     
  326.                  // It must explicitly return "false" to ignore a specific <textarea>.     
  327.                 editor = textareaToEditor( textarea ) ;     
  328.                  if  ( arguments[0]( textarea, editor ) ===  false  )     
  329.                      continue  ;     
  330.             }     
  331.              if  ( !editor )     
  332.                 editor = textareaToEditor( textarea ) ;     
  333.             editor.ReplaceTextarea() ;     
  334.         }     
  335.     }     
  336. })() ;     
  337.      
  338.      
  339.      
  340. /**   
  341.  * 检测浏览器的兼容性   
  342. * 利用了navigator对象返回的一些信息sAgent，判断浏览器  返回包括    浏览器的码名 浏览器名  浏览器版本  语言 等信息 并小写   
  343. *  例如：   
  344. * mozilla/4.0 (compatible; msie 6.0; windows nt 5.2; sv1; .net clr 1.1.4322)   
  345. *   
  346. * 判断IE浏览器的时候，运用了IE4.0之后支持的增加了对条件编译，   
  347. * 由于只是IE支持，在W3C标准浏览器中，该属性是不被支持的。因此，适当的利用该特性，判断IE   
  348. */      
  349. function  FCKeditor_IsCompatibleBrowser()     
  350. {     
  351.      var  sAgent = navigator.userAgent.toLowerCase() ;     
  352.      // 当前浏览器是Internet Explorer 5.5+     
  353.      //利用条件编译判断IE 在IE中，/*@cc_on!@*/false == ！false == true，     
  354.      //如果是非IE浏览器，则忽略，/*@cc_on!@*/false == false     
  355.      if  (  /*@cc_on!@*/ false  && sAgent.indexOf( "mac" ) == -1 )    //不是apple mac os     
  356.     {     
  357.          var  sBrowserVersion = navigator.appVersion.match(/MSIE (.\..)/)[1] ;     
  358.          return  ( sBrowserVersion >= 5.5 ) ;     
  359.     }     
  360.      
  361.      // Gecko (Opera 9 tries to behave like Gecko at this point).     
  362.      //检测是否是OPERA 9 浏览器     
  363.      if  ( navigator.product ==  "Gecko"  && navigator.productSub >= 20030210 && !(  typeof (opera) ==  'object'  && opera.postError ) )     
  364.          return   true  ;     
  365.      // Opera 9.50+     
  366.      if  ( window.opera && window.opera.version && parseFloat( window.opera.version() ) >= 9.5 )     
  367.          color: #7f0055
    分享到：
    | href="#"是什么意思
    评论
    发表评论

    您还没有登录,请您登录后再发表评论

相关推荐

    fckeditor.js文件中文注释

    通过阅读fckeditor.js的中文注释，开发者不仅可以了解FCKeditor的内部工作机制，还能学习到JavaScript编程、DOM操作以及事件处理等多方面的知识。这对于我们理解和自定义FCKeditor，甚至开发自己的富文本编辑器都...

    FckEditor V2.6 fckconfig.js详细中文注释

    ### FckEditor V2.6 fckconfig.js详细中文注释 #### 1. `FCKConfig.CustomConfigurationsPath=''` // 自定义配置路径 这一行设置了FCKEditor的自定义配置文件路径，默认为空字符串。如果需要加载额外的配置文件，...

    fckconfig.js中文注释

    ### FckEditor V2.6 fckconfig.js 配置详解 #### 1. `FCKConfig.CustomConfigurationsPath = '' ;` - **说明：** 此配置项用于指定自定义配置文件的路径和名称。 - **作用：** 通过这一配置，用户可以指定额外的...

    FCKeditor获取选中内容的JS

    以上就是关于“FCKeditor获取选中内容的JS”的详细解析。理解并掌握这些知识点，可以让你在使用FCKeditor时更加游刃有余，无论是开发还是维护，都能提高工作效率。同时，记住在编写代码时加入清晰的注释，以便于他人...

    fckeditor使用手册

    &lt;script type="text/javascript" src="/fckeditor/fckeditor.js"&gt; &lt;script type="text/javascript"&gt; var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ; oFCKeditor.Create() ; ``` 这里 `FCKeditor1` 是编辑器的...

    FckEditor中文配置手册详细说明.docx

    其次，通过预处理步骤，如移除代码注释和无用空格，以及合并脚本文件，FckEditor的脚本大小可以被压缩到原来的一半，显著提高了加载速度。 为了打包和压缩FckEditor的JS脚本，用户可以使用自带的打包程序——...

    FCKeditor参考手册

    1. **预处理**：为了减小文件大小，FCKeditor的JS脚本会去除注释和空格，然后合并到一起。 2. **打包程序**：位于`_PACKAGER`文件夹的`Fckeditor.Packager.exe`，是.NET程序，需要.NET Framework支持。运行程序可以...

    FckEditor配置手册中文教程详细说明.doc

    为了优化性能，FCKEditor的JS脚本会在打包新版本时进行预处理，包括移除注释、删除无用空白字符和合并脚本文件，这样可以将文件大小压缩至原大小的一半。预处理后的代码保存在_Source文件夹中。用户可以通过编辑器...

    Fckeditor中文文档

    &lt;script type="text/javascript" src="/fckeditor/fckeditor.js"&gt; ``` 2. **创建编辑器**：在页面的`FORM`标签内通过JavaScript代码创建编辑器实例。 ```javascript var oFCKeditor = new FCKeditor('FCKeditor1...

    fckeditor使用说明书中文版

    3. **脚本压缩**：为了进一步提升性能，FCKEditor在打包新版本时会对JS脚本进行预处理，包括去除注释和空格，合并文件，从而显著减少文件大小，通常可以压缩至原始大小的50%。预处理后的代码存放在 "_Source" 文件夹...

    FckEditor中文配置手册详细说明

    &lt;script type="text/javascript" src="/fckeditor/fckeditor.js"&gt; ``` ##### 2. 创建编辑器实例 通过JavaScript代码创建编辑器实例。推荐使用内联方式，即将创建编辑器的代码直接写入HTML文档中，如： ```...

    FckEditor 中文配置手册详细说明

    &lt;script type="text/javascript" src="/fckeditor/fckeditor.js"&gt; ``` 2. **初始化编辑器**：在页面中使用JavaScript代码初始化编辑器实例。 ##### 方法2: 使用API 除了直接在HTML中引用外，还可以通过API的方式...

    FCKeditor 源代码分析附中文注释

    它的源代码主要由JavaScript编写，其中`fckeditor.js`是核心类文件，负责编辑器的初始化、配置以及功能实现。以下是对`fckeditor.js`中部分关键知识点的详细解释： 1. **FCKeditor构造函数**： 当创建一个新的...

    FCKeditor添加自定义按钮

    在FCKeditor目录里的fckconfig.js打开，找到FCKConfig.ToolbarSets[“Default”] 这里的设置是配置功能按钮的，你需要的留下，不需要的可以删掉，也可以注释掉。 如需要多种配置，可以设置多个FCKConfig....

    joomla 编辑器

    7. `fckeditor`：这是一个目录，很可能包含了编辑器的JavaScript、CSS和其他相关资源文件，这些文件是FCKeditor运行所必需的。 8. `language`：这个目录可能包含了编辑器支持的不同语言包，使得非英语用户也能方便...

    Js 获取和修改FCKeditor的值的代码

    ### Js 获取和修改FCKeditor的值的代码详解 #### 一、概述 FCKeditor是一款功能强大的富文本编辑器，被广泛应用于Web应用程序中，为用户提供了一个接近桌面编辑器的体验。通过JavaScript，我们可以轻松地与...

    FCKeditor_API使用详解

    - 去掉注释 `//` 后，相当于将 `placeholder` 这个插件的功能添加到了FCKeditor中。 - 插件文件路径通常是 `FCKConfig.BasePath + 'plugins/'`。 通过上述介绍，我们可以看到FCKeditor_API提供了非常全面的功能，...

Magicbox
Global site tag (gtag.js) - Google Analytics