ckeditor 学习

ckeditor是一个很好的在线文本编辑器，可以为网站提供文章发表，评论发表等功能。

一、安装

从网上下载ckeditor后解压放到WebConten下自己需要的一个文件夹中即可

二、使用

<script type="text/javascript" src="ckeditor/ckeditor.js" ></script>

引入JS库,并在需要的使用的位置安下面两种方法中的一种使用。

第一种方法：

<textarea class="ckeditor" cols="80" id="editor" name="editor" rows="10">
                这里是内容
</textarea>

第二中方法：

<textarea cols="80" id="editor" name="editor"> 

</textarea>

<script type="text/javascript"> 

      CKEDITOR.replace('editor');   //content为textarea的id

</script>

三、得到编辑器内容

一、JS中得到内容

var content=CKEDITOR.instances.editor.getData();  

其中editor为第二步骤中的id名称

二、JSP中

<form method="post" action="display.jsp">
<textarea class="ckeditor" cols="80" id="editor" name="editor" rows="10">
                这里是内容
</textarea>
<input type="submit" value="提交"/>
</form>

可以使用表单直接提交ckedior中的内容

<%
	request.setCharacterEncoding("utf-8");	//设置request的编码方式，防止乱码
	String content = request.getParameter("editor");
	out.println(content);
%>

再以上面的形式得到内容