需求:
新闻内容的编辑需要html编辑器,比较流行的为ckeditor,而ckeditor源于fckeditor,so均做开发尝试。
实现:
ckeditor实现:
jar依赖:
<dependency> <groupId>com.ckeditor</groupId> <artifactId>ckeditor-java-core</artifactId> <version>3.5.3</version> </dependency>
js:参见附件
代码实现步骤:
1.jsp的taglib中加入:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> <%@ page import="java.util.*,java.text.*"%> <%@ taglib uri="http://ckeditor.com" prefix="ckeditor" %>
2.基于ckeditor:replace标签来操作form.yourtextid
<form action="${basePath}editor/ckadd" method="post"> <span style="background-color: #ffff00;"> <textarea cols="80" id="news" name="news" rows="10"></textarea> <input type="submit" vlaue="创建"/> </form> <ckeditor:replace replace="news" basePath="${basePath}static/thirdparty/ckeditor3.5.3/" />
3.在后台通过request.getParameter("news");来获取数据
灰常简单方便
fckeditor实现:
1.引入fckeditor.js:
<script type="text/javascript" src="${basePath}static/thirdparty/fckeditor/fckeditor.js">
2.构建FCKeditor,其构造函数中的为后台获取的name:
<form action="${basePath}editor/fckadd" method="post"> <span style="background-color: #ffff00;"> <script type="text/javascript"> var sBasePath = '${basePath}static/thirdparty/fckeditor/'; var oFCKeditor = new FCKeditor('news'); oFCKeditor.BasePath = sBasePath; oFCKeditor.Height = 300; oFCKeditor.Value = ''; oFCKeditor.Create(); </script> </span> </br> <input type="submit" vlaue="创建"/> </form>
3.后台获取:request.getParameter("news");
对比:看个人喜好推荐用高版本的
ckeditor中不同的风格可以在config.js中设置,比如:
config.language = 'zh-cn'; config.autoDetectLanguage = false ; config.startupFocus = false ; config.font_names = '宋体;黑体;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ; //config.skin = 'office2003'; config.skin = 'v2';
相关推荐
FCKEditor插件(自动排版)移植至CKEditor.K:\ckeditor\ckeditor_3.5.3\ckeditor\_samples下\自动排版.html页面
FCKEditor作为一款强大的页面编辑器已经被CKEditor取代,但是新版的CKEditor不再支持图片和文件的上传功能,需要依赖CKFinder来实现。CKEditor for Java 最新版本是3.5.3,CKFinder的最新版本是2.0.2,特做一个整合...
HTML编辑器FCKeditor在J2EE项目的使用配置
Eclipse下配置CKEditor3.5.3+CKFinder2.0.2 FCKeditor 使用详解 Ckeditor与ckfinder整合forJAVA(支持文件上传) jsp ckeditor使用 很全面哦!值得收藏
最近想学习FCKeditor,在网上搜索了好久,资料不少,但就是跑不起来,因为我用的是2.4版本的,不是说的版本不对配置啰嗦就是根本包结构都不一样,无奈之下只好在官网上download了个demo跑了下好使,不过一看这demo不是J2EE...
教你如何使用强大的FCKEditor 3.5.3 (JAVA版)
我将chm和制作CHM的所有html文件都打包在一起放在http://pan.baidu.com/share/link?shareid=152284&uk=940392313 百度盘里,名称为FCKeditor中文使用手册.rar 另外在CSDN上重新上传一个CHM版本的,原来的exe的资源...
fckeditor文本编辑器旧版漏洞太多 先出了最新版 欢迎下载使用
一般来说,我们在编辑内容时,先是读入到 textarea,再将 textarea 的内容赋给编辑器。
fckeditor和使用方法,可以上传图片,flash
ckeditor_4.5.11,一款网页上的富文本编辑器(前身叫fckeditor),让你只需少量代码即可完成漂亮的页面文本编辑器,常用于邮箱等需要输入文本的地方。
FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合...
CKEditor FCKEditor 使用-集成 CKFinder(上传文件、浏览文件)
这是最新的FCKeditor 名为CKeditor 3.0.1 是官方的文件,但在官方的下载包中没有使用和配置说明,这里面加上了配置说明,是我自己整合的希望对大家有用。
FCKeditor 相容于绝大部分的网页浏览器,像是 : Internet Explorer 5.5+ (Windows)、Mozilla Firefox 1.0+、Mozilla 1.3+ 和 Netscape 7+。在未来的版本也将会加入对 Opera 的支援。 FckEditor更名CKEditor 著名...
FckEditor更名CKEditor 著名的开源网页编辑软件FCKEditor在09年发布更新到3.0,并改名为CKEditor。原来叫FCK,是因为最初的开发者叫Frederico Calderia Knabben;现在叫CK,意指"Content and Knowledge"。新版的...
FCKEditor插件(自动排版)移植至CKEditor
FCKEditor使用帮助文档。FCKEditor使用帮助文档。FCKEditor使用帮助文档。FCKEditor使用帮助文档。
FCKeditor编辑器在JAVA中的使用与配置