CKEditor在JSP⽹页中的5种⽤法
textarea中cols表示[size=medium][b] CKEditor⽤法⽬前分为两类，⼀种是纯前端的替换Textarea标签实现，第⼆种则是使⽤⾃定义tag实现，这种⽅式需要导⼊JAR包和添加tag说明（JSP）。[/b][/size]
使⽤textarea替换，其实有三种。第⼀种是替换CSS样式，修改class。第⼆种是⾃⼰现在⽹页⾥⾯写好textarea，然后调⽤JS完成替换，第三种则就是直接⽣成textarea标签。
记得引⼊JS。
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<!--这⾥根据实际情况来写路径，可以加上项⽬绝对路径，ContextPath()-->
<textarea class="ckeditor"  name="editor1"></textarea>
<!--这是使⽤class⽅式实现-->
<textarea cols="80" id="editor1" name="editor1" rows="10"></textarea>
<script type="text/javascript"&place( 'editor1' );</script>
<!--这是使⽤JS替换⽅式，如果这段代码要放到header⾥⾯的话，记得在body的onload⾥⾯调⽤-->
<script type="text/javascript">
var editor01 = new FCKeditor(editor01);
editor.BasePath = "/test/fckeditor/"
</script>
<!--这是使⽤JS⽣成⽅式，代码是⽼版本的代码，在新版⾥⾯已经看不到demo了所以建议不使⽤-->
[size=medium][color=red][b]注意：这两种实现⽅式要求ckeditor的⽬录必须在webapp下，也就是跟WEB--INF⼀个级别！否则⽆法⽣成！[/b][/color][/size]
第⼆类⽅式仅限JSP中使⽤，TAG⽅式不仅可以⾃⼰⽣成⼀个，也可以替换当前的textarea来实现。需要⼀个jar包，这个jar包在其官⽹上是可以下载到的，然后在页⾯⾥⾯使⽤如下代码：
<%
String value = "My first <strong>CKEditor</strong> Java tag";
Map<String, String> attr = new HashMap<String, String>();
attr.put("rows", "8");
attr.put("cols", "50");
CKEditorConfig settings = new CKEditorConfig();
settings.addConfigValue("width", "500");
settings.addConfigValue("toolbar", "Basic");
%>
<ckeditor:editor textareaAttributes="<%=attr %>"
basePath="../ckeditor/" config="<%=settings %>"
editor="editor1" value="<%= value %>"/>
使⽤替换textarea⽅式：
<%@ taglib uri="ckeditor" prefix="ckeditor" %>
<textarea cols="80" id="editor1" name="editor1" rows="10"></textarea>
<ckeditor:replace  replace="editor1" basePath="../ckeditor/" />

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。