思享工具箱

常用的富文本框插件FreeTextBox、CuteEditor、CKEditor、FCKEditor、TinyMCE、KindEditor ；和CKEditor实例

摘要：
看看他的菜单就知道他有多牛了：FCKEditor强大的开源富文本编辑器，各个语言中都可以使用。TinyMCE也是一个开源的富文本编辑器，不过名气没有FCKEditor大，功能还是不错。KindEditor一个国人开发的富文本编辑器，貌似还不错，没有深入研究。下面我写了一个很简单CKEditor实例web.xmlstruts2org.apache.struts2.dispatcher.FilterDispatcherstruts2/*index.jspCkeditorActionimportcom.opensymphony.xwork2.ActionSupport;publicclassCkeditorActionextendsActionSupport{privateStringeditor1;publicStringexecute(){System.out.println;returnSUCCESS;}publicStringgetEditor1(){returneditor1;}publicvoidsetEditor1{this.editor1=editor1;}}在控制台打印使用CKEditor从页面传过来的的CKEditor文本内容，struts.xml˂?

http://www.cnblogs.com/cxd4321/archive/2013/01/30/2883078.html

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

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

常用的富文本框插件FreeTextBox、CuteEditor、CKEditor、FCKEditor、TinyMCE、KindEditor ；和CKEditor实例第1张

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

常用的富文本框插件FreeTextBox、CuteEditor、CKEditor、FCKEditor、TinyMCE、KindEditor ；和CKEditor实例第2张

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

常用的富文本框插件FreeTextBox、CuteEditor、CKEditor、FCKEditor、TinyMCE、KindEditor ；和CKEditor实例第3张

常用的富文本框插件FreeTextBox、CuteEditor、CKEditor、FCKEditor、TinyMCE、KindEditor ；和CKEditor实例第4张

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

常用的富文本框插件FreeTextBox、CuteEditor、CKEditor、FCKEditor、TinyMCE、KindEditor ；和CKEditor实例第5张

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

常用的富文本框插件FreeTextBox、CuteEditor、CKEditor、FCKEditor、TinyMCE、KindEditor ；和CKEditor实例第6张

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

web.xml

  1. <?xmlversion="1.0"encoding="UTF-8"?>
  2. <web-appversion="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>
  16. <welcome-file-list>
  17. <welcome-file>index.jsp</welcome-file>
  18. </welcome-file-list>
  19. </web-app>

CkeditorAction

  1. importcom.opensymphony.xwork2.ActionSupport;
  3. publicclassCkeditorActionextendsActionSupport{
  4. privateString editor1;
  6. publicString execute(){
  7. <strong>System.out.println(editor1);</strong>
  8. returnSUCCESS;
  9. }
  12. publicString getEditor1() {
  13. returneditor1;
  14. }
  15. publicvoidsetEditor1(String editor1) {
  16. this.editor1 = editor1;
  17. }
  18. }

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

struts.xml

  1. <?xmlversion="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">
  6. <struts>
  7. <packagename="wan"extends="struts-default">
  8. <!--导出Ckeditor -->
  9. <actionname="Ckeditor"class="com.wanwan.app.action.CkeditorAction">
  10. <resultname="success">/ce/uploadImage.jsp</result>
  11. </action>
  12. </package>
  14. </struts>

index.jsp

  1. <%@ pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
  2. <%
  3. Stringpath=request.getContextPath();
  4. StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  5. %>
  6. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  7. <html>
  8. <head>
  9. <basehref="<%=basePath%>">
  10. <title>富文本框</title>
  11. <strong><scripttype="text/javascript"src="ckeditor/ckeditor.js"></script></strong>
  12. <scripttype="text/javascript">
  13. </script>
  14. </head>
  15. <body>
  16. <formaction="Ckeditor"method="post">
  17. <strong><textareaid="editor1"name="editor1"><p>Initial value.</p></textarea><br/>
  18. <scripttype="text/javascript">
  19. CKEDITOR.replace( 'editor1' );
  20. </script></strong>
  21. <inputtype="submit"value="提交">
  22. </form>
  23. </body>
  24. </html>

注意粗体部分，引用ckeditor

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

标签：#ckeditor#xml语言#传照片 | 浏览：165 | 发布日期：

免责声明：文章转载自《常用的富文本框插件FreeTextBox、CuteEditor、CKEditor、FCKEditor、TinyMCE、KindEditor ；和CKEditor实例》仅用于学习参考。如对内容有疑问，请及时联系本站处理。

上篇phpmyadmin里MySQL字符集:cp1252 West European (latin1) ，解决乱码问题Debian下自动备份文件并上传到远程FTP服务器且删除指定日期前的备份Shell脚本下篇

宿迁高防，2C2G15M，22元/月；香港BGP，2C5G5M，25元/月 雨云优惠码：MjYwNzM=

相关文章

Android学习笔记——xml

转自http://blog.csdn.net/sam_zhang1984 解析XML有两种方式：SAX和DOM。它们各有利弊。 DOM是把XML文档全部装载到内存中，然后当成一树进行处理。其好处是当成树处理起来比较方便，但弊端是如果XML文件比较大时，会对内存消耗比较大； SAX是逐行扫描XML文档，逐行解析，而且可以在处理XML文档过程中的任意时刻中止处...

C#操作JSON学习

JSON(全称为JavaScript Object Notation) 是一种轻量级的数据交换格式。它是基于JavaScript语法标准的一个子集。 JSON采用完全独立于语言的文本格式，可以很容易在各种网络、平台和程序之间传输。JSON的语法很简单，易于人阅读和编写，同时也易于机器解析和生成。 JSON与XML的比较◆可读性JSON和XML的可读性相比较...

xml转json和实体类的两种方式

本文为博主原创，未经允许不得转载： xml在http通信中具有较高的安全性和传输速度，所以应用比较广泛， 在项目中往往需要对xml，json和实体类进行相互转换，在这里总结一下自己所用到的一些方法： 一. 使用XMLSerializer 将xml转为json格式 1.引入jar包： <dependency> <g...

使用C#读写结构化的二进制文件

最近工作上遇到一个问题，就是有将近200万个CSV文件，每个CSV文件包含了成千上万条实验数据，CSV以一个不连续的整数值作为文件名，比如：1.CSV、2.CSV、3.CSV、5.CSV等等。另外又有200万个XML文件，每个XML文件的文件名与CSV的文件名一一对应，在这些XML文件中，定义了所对应的CSV实验数据文件的实验描述信息（比如实验名称、实验类...

Java bean 转为xml

Java bean 转为xml可以采用XStream类来完成 pom.xml <dependency> <groupId>com.thoughtworks.xstream</groupId> <artifactId>xstream</artifactId> <version>...

有关CKEditor和CKFinder的集成

FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化，不需要太复杂的安装步骤即可使用。它能在asp、 asp.net、PHP、JSP等多个平台下使用，并且支持大部分浏览器，所以在它出现的6年时间里，成为了最流行的文字编辑器。随着技术的发展，很多更新更方便的东西为开发者提供了更大的便利。在这种情况下，FCKeditor团...

最新文章

随机推荐

思享工具箱导航