文档章节

常用的富文本框插件FreeTextBox、CuteEditor、CKEditor、FCKEditor

yifan326
 yifan326
发布于 2015/03/13 12:20
字数 619
阅读 55
收藏 0


目前市面上用的比较多的富文本编辑器有:

FreeTextBox 一个有很多年历史的富文本编辑器了,使用简单,而且一般的使用是免费的,但是不开源,上传图片上传附件等功能没有,扩展性差。

CuteEditor最强大的富文本编辑器,巨牛无比,但是是收费的,个人使用的话用下破解版倒无所谓,要想在企业中使用那就得买了,所以虽然强大,但是想节约的话就不考虑这个了。看看他的菜单就知道他有多牛了:


FCKEditor(升级版CKEditor)强大的开源富文本编辑器,各个语言中都可以使用。支持上传图片、Flash等,功能强扩展性强。



TinyMCE 也是一个开源的富文本编辑器,不过名气没有FCKEditor大,功能还是不错。


KindEditor 一个国人开发的富文本编辑器,貌似还不错,没有深入研究。



下面我写了一个很简单CKEditor实例

web.xml

 

  1. <?xml version="1.0" encoding="UTF-8"?> 

  2. <web-app version="2.5"  

  3.     xmlns="http://java.sun.com/xml/ns/javaee"  

  4.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  

  5.     xsi:schemaLocation="http://java.sun.com/xml/ns/javaee  

  6.     http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> 

  7.     <filter> 

  8.         <filter-name>struts2</filter-name> 

  9.         <filter-class>org.apache.struts2.dispatcher.FilterDispatcher</filter-class> 

  10.     </filter> 

  11.     <filter-mapping> 

  12.         <filter-name>struts2</filter-name> 

  13.         <url-pattern>/*</url-pattern> 

  14.     </filter-mapping> 

  15.      

  16.   <welcome-file-list> 

  17.     <welcome-file>index.jsp</welcome-file> 

  18.   </welcome-file-list> 

  19. </web-app> 

CkeditorAction

 

 

  1. import com.opensymphony.xwork2.ActionSupport; 

  2.  

  3. public class CkeditorAction extends ActionSupport{ 

  4.     private String editor1; 

  5.      

  6.     public String execute(){ 

  7.         <strong>System.out.println(editor1);</strong> 

  8.         return SUCCESS; 

  9.     } 

  10.      

  11.  

  12.     public String getEditor1() { 

  13.         return editor1; 

  14.     } 

  15.     public void setEditor1(String editor1) { 

  16.         this.editor1 = editor1; 

  17.     } 

在控制台打印使用CKEditor从页面传过来的的CKEditor文本内容,

 



struts.xml

 

  1. <?xml version="1.0" encoding="UTF-8" ?> 

  2. <!DOCTYPE struts PUBLIC 

  3.     "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN" 

  4.     "http://struts.apache.org/dtds/struts-2.0.dtd"> 

  5.  

  6. <struts> 

  7.     <package name="wan" extends="struts-default"> 

  8.         <!--导出Ckeditor  --> 

  9.         <action name="Ckeditor" class="com.wanwan.app.action.CkeditorAction"> 

  10.             <result name="success">/ce/uploadImage.jsp</result> 

  11.         </action> 

  12.     </package> 

  13.  

  14. </struts>    

index.jsp

  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 

  2. <

  3. String path = request.getContextPath(); 

  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 

  5. %>  

  6. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 

  7. <html> 

  8.   <head> 

  9.     <base href="<%=basePath%>">  

  10.     <title>富文本框</title>  

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

  12.     <script type="text/javascript">   

  13.     </script>   

  14.   </head> 

  15.   <body> 

  16.     <form action="Ckeditor" method="post" > 

  17.         <strong><textarea id="editor1" name="editor1"><p>Initial value.</p></textarea><br/> 

  18.         <script type="text/javascript">   

  19.             CKEDITOR.replace( 'editor1' );   

  20.         </script></strong> 

  21.         <input type="submit" value="提交">  

  22.         </form> 

  23.   </body> 

  24. </html> 

 

注意粗体部分,引用ckeditor



说明:以上代码是将CKEditor文本类容传到action,并且在action打印出来,相信看到的人会连接数据库,这里我就不写了,一般数据库类型可以用大文本或者CLOB,当然可以直接生成一个静态页面,


本文转载自:http://www.cnblogs.com/cxd4321/archive/2013/01/30/2883078.html

yifan326
粉丝 4
博文 15
码字总数 3137
作品 0
海淀
私信 提问
ECShop 将FckEditor编辑器升级或更换成CKEditor

本人在二次开发ecshop 2.7.1引入了JQuery后FckEditor一直有问题,点击FckEditor上的功能按钮后只出现个"Cancel"按钮,其他都被"div"层履盖,只能刷新重来。最近有机会来做SEO优化,经常要发软...

Ric的博客
2013/07/11
200
0
FCKeditor 2.6.5 发布

尽管 FCKeditor 已经被 CKEditor 所替换,但还是有相当多的用户在使用 FCKEditor ,该版本主要是实现了 CKEditor 中已经有的一些新特性,主要是对拼写检查的改进(个人觉得拼写检查对中文来说...

红薯
2009/09/22
2.1K
0
mediawiki安装CKEditor插件

公司以前用的lunix+mediawiki,本想扩展使用FCKeditor,后来发现FCKeditor已经不能使用,被CKeditor取代,在网上找了很久关于mediawiki下配置CKeditor的信息,信息量很少,不知有没有人配置成...

along515
2014/09/09
4.8K
2
FCKeditor 网页编辑器漏洞手册(全面版)

FCKeditor FCKeditor编辑器页/查看编辑器版本/查看文件上传路径 FCKeditor编辑器页 FCKeditor/samples/default.html 查看编辑器版本 FCKeditor/whatsnew.html 查看文件上传路径 fckeditor/ed...

五味格子
2011/05/11
181
0
FCKeditor 2.6.6 发布

该版本是一个bug修复版本,尽管已经建议大家升级到CKEditor ,但因为很多人还在使用 FCKEditor ,开发团队也非常负责任的继续发布FCKEditor的补丁。该版本完整的改进内容请看 here. 下载地址...

红薯
2010/02/16
9.2K
0

没有更多内容

加载失败,请刷新页面

加载更多

java通过ServerSocket与Socket实现通信

首先说一下ServerSocket与Socket. 1.ServerSocket ServerSocket是用来监听客户端Socket连接的类,如果没有连接会一直处于等待状态. ServetSocket有三个构造方法: (1) ServerSocket(int port);...

Blueeeeeee
今天
6
0
用 Sphinx 搭建博客时,如何自定义插件?

之前有不少同学看过我的个人博客(http://python-online.cn),也根据我写的教程完成了自己个人站点的搭建。 点此:使用 Python 30分钟 教你快速搭建一个博客 为防有的同学不清楚 Sphinx ,这...

王炳明
昨天
5
0
黑客之道-40本书籍助你快速入门黑客技术免费下载

场景 黑客是一个中文词语,皆源自英文hacker,随着灰鸽子的出现,灰鸽子成为了很多假借黑客名义控制他人电脑的黑客技术,于是出现了“骇客”与"黑客"分家。2012年电影频道节目中心出品的电影...

badaoliumang
昨天
15
0
很遗憾,没有一篇文章能讲清楚线程的生命周期!

(手机横屏看源码更方便) 注:java源码分析部分如无特殊说明均基于 java8 版本。 简介 大家都知道线程是有生命周期,但是彤哥可以认真负责地告诉你网上几乎没有一篇文章讲得是完全正确的。 ...

彤哥读源码
昨天
16
0
jquery--DOM操作基础

本文转载于:专业的前端网站➭jquery--DOM操作基础 元素的访问 元素属性操作 获取:attr(name);$("#my").attr("src"); 设置:attr(name,value);$("#myImg").attr("src","images/1.jpg"); ......

前端老手
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部