快速掌握FCKEditor和CKEditor（转）

其一：FCKEditor 
首先上官方网站：www.fckeditor.net 
下载FCKeditor_2.6.3.zip，将其中的fckeditor文件夹复制到WebRoot下面，后面可以直接使用 
下一步（这一步不是必须的）: 
找到fckconfig.js文件进行编辑，可参考FCKConfig.ToolbarSets["Default"] =[ ] 
[ ]里面的选项可根据自己喜好进行选择，然后取名FCKConfig.ToolbarSets["你取的工具条名称"] 
接下来如果想在页面通过标签嵌入方式显示效果的话 
必须添加java-core2.4.jar包来获取FCK的相应标签 
       <%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %> 
        <FCK:editor instanceName="content"  value=" " width="85%" height="300px" toolbarSet="你刚才取的名字"> 
        <FCK:config SkinPath="skins/silver/" AutoDetectLanguage="true" /> 
        </FCK:editor> 
当然这里面的toolbarSet可以不写就用默认的工具条布局模式 
1. 标签方式话代码如下 
  <%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %> 
  省略中间标签 
  <FCK:editor  instanceName="content"  value=" " width="85%" height="300px"> 
        <FCK:config SkinPath="skins/silver/" AutoDetectLanguage="true" /> 
   </FCK:editor> 
2.JavaScript方式的话不需导入标签库 
  <script type="text/javascript"> 
   window.onload(function(){ 
   var oFCKeditor=new FCKeditor('MyTextarea'); 
   oFCKeditor.BasePath="fckeditor/"; 
    oFCKeditor.ReplaceTextarea(); 
   }); 
  </script> 
<textarea rows="4" cols="60" name="MyTextarea"></textarea> 
其二：CKEditor则更加方便快捷 
   首先从官方网站上：www.fckeditor.net 
   下载ckeditor_3.2.zip，将其加压，把ckeditor文件夹复制到WebRoot下面 
第一种方式：通过设定textarea的类名为ckeditor即可替换： 
                                        ...省略导入文件语句 
     <textarea class="ckeditor" rows="10"   cols="80" name="editor1"> </textarea> 
第二种方式：通过代码替换 
     <script type="text/javascript" src="ckeditor/ckeditor.js"></script> 
     <script type="text/javascript" src="ckeditor/_samples/sample.js"></script> 
      <link rel="stylesheet" type="text/css" href="ckeditor/_samples/sample.css"> 
               <textarea rows="10" cols="80" name="editor1"> </textarea> 
               <script type="text/javascript"> 
//<![CDATA[ 

CKEDITOR.replace( 'editor1', 
{ 
fullPage : true 
}); 

//]]> 
                </script> 
                  其中：,{fullPage:true}可以省略 
其三：CKEditor的皮肤更换 
     (1)定制皮肤：卡马，office2003,第二版皮肤 
      CKEDITOR.replace( 'editor_kama', 
{ 
skin : 'kama' 
}); 
      其中eidor_kama为textera的名称，可以改变。 
      skin可选的值有v2,office2003,kama 
   (2)用户界面颜色选择器 
   CKEDITOR.replace( 'editor1', 
{ 

extraPlugins : 'uicolor', 
uiColor: 'yellow', 
toolbar : 
[ 
[ 'Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink' ], 
[ 'UIColor' ] 
] 
}); 
       其中uiColor的值为初始页面的颜色可以为各种颜色green,yellow,red,blue等等 
      ['UIColor']为真正出现的在工具条中的颜色选择器 

其他功能如添加语言分类,淘宝网的选择在飞模式。比较麻烦参考下载包中samples中的index.jsp即可