我们有时制作的网站需要使用在线编辑器,而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);
在附件有打包文件直接可以运行。好了,到此为止。
分享到:
相关推荐
FCKEditor使用说明英文 java字体编辑器的英文配置说明
fckeditor使用说明书中文版fckeditor使用说明书中文版
在线编辑器FCKeditor使用说明与案例代码
FCKeditor,详细的在JSP中使用Fckeditor,配置等等。
FCKeditor2.6.4使用说明 使用FCKeditor的人可以下来看看噢~
FCKeditor中文使用手册,本手册由建站三人行站长(www.zengl.com)提供的翻译。帮助程序员能够快速掌握fckeditor在线编辑器的使用。
在公告管理开发方面,FCKeditor一直是用户喜欢的一款第三方插件 但是新手在使用过程中会出现这样或者那样的问题 本文档旨在帮助新手学会使用Fckeditor,希望对大家的学习有所帮助
FckEditor是HTML编辑器,里面有使用说明
fckeditor 编辑器,有使用说明,一款强大的网页编辑器,支持上传附件等
7 使用FCKeditor的API 26 7.1 获得FCKeditor的实例 26 7.1.1 获得当前页FCKeditor实例 26 7.1.2 从FCKeditor的弹出窗口中获得FCKeditor实例 26 7.1.3 从框架页面的子框架中获得其它子框架的FCKeditor实例 26 7.1.4 ...
FCKeditor控件和控件的使用说明,以及如何js判断FCKeditor内容是否为空
这是最新的FCKeditor 名为CKeditor 3.0.1 是官方的文件,但在官方的下载包中没有使用和配置说明,这里面加上了配置说明,是我自己整合的希望对大家有用。
Fckeditor 2.6.3/2.6.4的JAR包及使用 说明文档 内容其全 希望能帮到正在使用或将要使用的同学们
//第二步:使用种子初始化随机数发生器 srand($seed); //第三步:生成指定范围内的随机数 $random =rand(1,10000); $filename = date("dHis", time()).$random.'.'.$prefix; return $filename; } 2.[204行]...
Fckeditor详细开发文档,适合学习JSP的开发人员使用。
fckeditor文件及使用配置说明 O(∩_∩)O~
FckEditor中文配置手册详细说明,比较详细
FCKeditor上传图片 FCKeditor配置 FCKeditor在jsp中使用 ,加载到myeclipse 中就可以跑起来,源码很清晰