我们有时制作的网站需要使用在线编辑器,而fckeditor便是一款很不错的开源工具。本以为嵌入的例子应该很简单,结果按照网上有人说明的,却在自己电脑上不能出现在线编辑器。甚至有些关于这款工具的说明需要很多配置,什么分jsp,php,asp之类的。各自的使用不仅仅是编程语言的差别,还涉及下载额外的包来进行辅助配置,着实恶心了一把。
下面我在事例中找到,并且自己优化了一个很简单的方法;什么php,jsp额外配置全都去死吧。
先从下面的下载地址去下载一个ckeditor。
http://download.cksource.com/CKEditor/CKEditor/CKEditor%203.6.3/ckeditor_3.6.3.zip
解压 里面有一个ckeditor文件夹。直接复制到项目的webroot/webContent下面。
然后在你需要添加在线编辑器的页面文件中的<head></head>之间加上一句
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
只要你不修改解压后文件的名字,上面这行代码也就别去修改。
我们一般的编辑器是<textare>,我们只需要替换就行了
<body>
<div id="editor"></div>
<form action="FckServlet" method="post" >
<textarea rows="60" cols="20" name="content">请输入.</textarea>
<script type="text/javascript">
CKEDITOR.replace('content');
</script>
<input type="submit" value=提交 />
</form >
</body>
这既是前台代码,很简单吧。
后台代码还简单
request.setCharacterEncoding("utf-8");
String content=request.getParameter("content");
System.out.println(content);
在附件有打包文件直接可以运行。好了,到此为止。