`
王树雄
  • 浏览: 239318 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

FCKEDITOR 使用说明

 
阅读更多

我们有时制作的网站需要使用在线编辑器,而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);

   

 

   在附件有打包文件直接可以运行。好了,到此为止。

 

 

 

0
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics