<$log_PostTime_1$>

<$log_PostTime_2$>

CKEditor编辑器的调用

  CKEditor即原来的FCKeditor,官方的解释它是对FCK的完全重写。该公司的另一个产品为CKFinder,可能为了保持一致,将FCK更改为CK,并且将版本号继承了下来,即为CKeditor3.0版。

  CKEditor的安装使用,官方开发参考见:CKEditor 3.x - Developer's Guide

  一、在ASP中调用

  1.下载CKEditor安装包,将之放在相应目录下,打开链接:http://<your site="">/<ckeditor installation="" path="">/_samples/index.html </ckeditor></your>进行测试检查;

  2.在</head>前加上js引用语句,根据具体情况修改路径;

JavaScript代码
  1. <script type="text/javascript" src="/ckeditor/ckeditor.js"></script>  

  3.在调用编辑器的位置

XML/HTML代码
  1. <textarea name="editor1"><p>Initial value.</p></textarea>
  2. <script type="text/javascript">  
  3.     CKEDITOR.replace( 'editor1' );  
  4. </script>  

  注意:当然也可以将这个JS加载在头部</head>之前,但是要加窗口载入事件

JavaScript代码
  1. <script type="text/javascript">  
  2.     window.onload = function()  
  3.     {  
  4.         CKEDITOR.replace( 'editor1' );  
  5.     };  
  6. </script>  

  CKEditor的配置都集中在/ckeditor/config.js 文件中,可以修改其中的各个参数进一步配置。其中_samples(示例文件夹),/_source (未压缩源程序),/lang文件夹下除 zh-cn.js、en.js 以外的文件,根目录下的 changes.html(更新列表),install.html(安装指向),license.html(使用许可);/skins 目录下不需要的皮肤等都可以在安装配置以后删除。

  二、在.NET中调用

  1.同上在头部载入调用的JS;

  2.在调用编辑器的位置

XML/HTML代码
  1. <asp:TextBox id="txtContent" class="ckeditor" TextMode="MultiLine" 
  2. Text='<%# Bind("info") %>' runat="server"></asp:TextBox>  

  三、在PHP中调用

  1.同上在头部载入调用的JS;

  2.在调用编辑器的位置

PHP代码
  1. <?php  
  2. $editor_data = $_POST[ ’editor1’ ];  
  3. ?>   
  4. <script type="text/javascript">  
  5. var editor_data = CKEDITOR.instances.editor1.getData();  
  6. </script>   

  四、整合CKFinder:http://docs.cksource.com/CKFinder_2.x/Developers_Guide


[dudumao 于 2010-10-30 09:33 PM 更新]
来源: 本站原创
标签: 编辑器
相关:
发表评论
你没有权限发表评论!