CKEditor在JSP网页中的5种用法

CKEditor用法目前分为两类，一种是纯前端的替换Textarea标签实现，第二种则是使用自定义tag实现，这种方式需要导入JAR包和添加tag说明（JSP）。
使用textarea替换，其实有三种。第一种是替换CSS样式，修改class。第二种是自己现在网页里面写好textarea，然后调用JS完成替换，第三种则就是直接生成textarea标签。
记得引入JS。

Html代码  

1. <script type="text/javascript" src="ckeditor/ckeditor.js"></script>  
2. <!--这里根据实际情况来写路径，可以加上项目绝对路径，request.getContextPath()-->  
3. <textarea class="ckeditor"  name="editor1"></textarea>  
4. <!--这是使用class方式实现-->  
5. <textarea cols="80" id="editor1" name="editor1" rows="10"></textarea>  
6. <script type="text/javascript">CKEDITOR.replace( 'editor1' );</script>  
7. <!--这是使用JS替换方式，如果这段代码要放到header里面的话，记得在body的onload里面调用-->  
8. <script type="text/javascript">  
9. var editor01 = new FCKeditor(editor01);  
10. editor.BasePath = "/test/fckeditor/"  
11. Editor01.create();  
12. </script>  
13. <!--这是使用JS生成方式，代码是老版本的代码，在新版里面已经看不到demo了所以建议不使用-->  

注意：这两种实现方式要求ckeditor的目录必须在webapp下，也就是跟WEB--INF一个级别！否则无法生成！
第二类方式仅限JSP中使用，TAG方式不仅可以自己生成一个，也可以替换当前的textarea来实现。需要一个jar包，这个jar包在其官网上是可以下载到的，然后在页面里面使用如下代码：

Html代码  

1. <%   
2.                 String value = "My first <strong>CKEditor</strong> Java tag";  
3.                 Map<String, String> attr = new HashMap<String, String>();  
4.                 attr.put("rows", "8");  
5.                 attr.put("cols", "50");  
6.                 CKEditorConfig settings = new CKEditorConfig();  
7.                 settings.addConfigValue("width", "500");  
8.                 settings.addConfigValue("toolbar", "Basic");  
9.             %>  
10.             <ckeditor:editor textareaAttributes="<%=attr %>"  
11.                 basePath="../ckeditor/" config="<%=settings %>"  
12.                 editor="editor1" value="<%= value %>"/>  

使用替换textarea方式：

Html代码  

1. <%@ taglib uri="http://ckeditor.com" prefix="ckeditor" %>  
2. <textarea cols="80" id="editor1" name="editor1" rows="10"></textarea>  
3. <ckeditor:replace  replace="editor1" basePath="../ckeditor/" />