文档章节

10款优秀的Rich Text Editor

Alex_曰生
 Alex_曰生
发布于 2015/04/11 17:12
字数 1092
阅读 314
收藏 15
点赞 0
评论 0

Introduction

Javascript rich text editor has ease our life when we need to edit articles, post or even documents online. Most of the editors allow user to edit the content straight away (What You See Is What You Get - WYSIWYG), it just like editting a document with microsoft office. Nowadays, I think all of the content management system, blog systems are using rich text editor.

LATEST VERSION: You can read our latest post about rich text editors:10 Feature Packed Javascript WYSIWYG and Rich Text Editors

SensationalJobs
Sponsor: SentionalJobs

Browse through dozens of job offers for web professionals including design jobs and tech jobs

 

So, here are the 10 RTEs that I can find online. From the most basic support of font formatting to advanced features such as image upload, table creation, ajax support and so on. Be sure to drop me a comment if you know other RTE that is not listed below. Enjoy.

Advertisement 

MarkitUp - jQuery

Official Website  |  Demo
MarkitUp

markItUp! is not meant to be a "Full-Features-Out-of-the-Box"-editor. Instead it is a very lightweight, customizable and flexible engine made to meet the developer's needs in their CMSes, blogs, forums or websites. markItUp! is not a WYSIWYG editor, and it never will be.

  • Fast and unobtrusive integration
  • Support for keyboard shortcuts
  • Ajax dynamic preview
  • Supported: IE7, Safari 3.1, Firefox 2, Firefox 3. IE6 and Opera 9+ as-is.
  • Licence: MIT/GPL
  • File: Packed naked engine is about 6.5Kb.

jWYSIWYG - jQuery

Official Website  |  Demo
jWYSIWYG

This plugin is an inline content editor to allow editing rich HTML content on the fly. It's an alternative to WYMeditor with much less features. With a small file size less than 17Kb 26Kb total and only 9Kb 18Kb of code and 7Kb packed, the main concept is to keep it simple, not all users need font coloring or create tables, just the basic.

  • GNU General Public License v2
  • Compact and lightweight
  • Ajax dynamic preview
  • Browser friendly

Lightweight RTE- jQuery

Official Website  |  Demo
jWYSIWYG

I have made this Rich Text Editor as simple as possible to be easily changed according your needs.

  • Super lightweight 7kb uncompressed
  • Compatible with major browsers
  • Degrade gracefully
  • GNU General Public License

HTMLBox - jQuery

Official Website  |  Demo
HTMLBox

Cross-browser interactive open-source HTML / XHTML textarea built on top of the jQuery library. Tested with Mozilla Firefox, Inrernet Explorer, Opera, Netscape and Safari. The integration of HtmlBox into Content Manegement Systems, Forums, Guest Books, Contact Forms is as easy as a childs play.

  • Easy Integration.
  • Multiple Browser Support.
  • Small Size. Size of 15kb (11kb minimized)
  • XHTML Output Possible.
  • Ajax Integration Supported.
  • User Manual. A complete user manual, that will guide you through every step of integrating HtmlBox into your application and customizing it.

D Small Rich Text Editor - jQuery

Official Website  |  Demo
D Small Rich Text Editor

This piece of code creates a Rich Text Editor ("RTE") from an IFRAME element. Yes, I know, there are tens of such scripts, and most of them are probably more sophisticated than mine, but my script's purpose is to provide enough basic functionality while having the smallest footprint possible.

  • Small (~18k) footprint! (Packed/Minified JS, Plugins & CSS sum to 12k w/o GZIP, HTML can be reduced to ~3k using GZIP, Images (w/o emoticons) are less than 3k)
  • Cross-browser
  • All basic Rich Text functionality
  • Plugin-enabled
  • Image Upload via AJAX (using the AjaxFileUpload plugin).
  • Resizing of text area.
  • Valid XHTML 1.0 Transitional markup (Note: this refers to the editor's markup and not to it's generated content which may or may not be valid!).
  • HTML Cleanup

WYMEditor - jQuery

Official Website  |  Demo
WYMEditor

WYMeditor is a web-based WYSIWYM (What You See Is What You Mean) XHTML editor. WYMeditor's main concept is to leave details of the document's visual layout, and to concentrate on its structure and meaning, while trying to give the user as much comfort as possible (at least as WYSIWYG editors).

  • XHTML strict + CSS compliant
  • No font or text formatting, sizes or colors - WYMeditor is CSS-based
  • Designed to be easy to integrate into your application
  • No installation needed - this is 100% Javascript code - no plugin, no extension
  • Image, link, table support
  • Skins support via CSS
  • APIs, plugins support
  • Free and Open Source
  • Major browsers support

TinyMCE - non-jQuery

Official Website  |  Demo
TinyMCE

TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems.

  • Easy to integrate - Only a few lines of code needed.
  • Customizable - Themes and plugins, block invalid elements and force attributes.
  • Browserfriendly - Mozilla, MSIE, FireFox, Opera, Safari and Chrome.
  • Lightweight - PHP/.NET/JSP/Coldfusion GZip compressor, Makes TinyMCE 75% smaller and a lot faster to load.
  • AJAX Compatible - You can easily use AJAX to save and load content!
  • International - Multilanguage support using language packs.
  • Open Source - Free under the LGPL license, millions of ppl help test and improve this editor every day.

fckeditor - Non-jQuery

Official Website  |  Demo
fckeditor

This HTML text editor brings to the web much of the power of desktop editors like MS Word. It's lightweight and doesn't require any kind of installation on the client computer.

  • Multi browser compatibility
  • Outputs XHTML 1.0
  • CSS support for better integration with your web site
  • Font formatting: type, size, color, style, bold, italic, etc
  • Text formatting: alignment, indentation, bullets list, etc
  • Cut, Paste, and Paste as Plain Text, Undo and Redo
  • Paste from Word cleanup with auto detection
  • Image insertion, with upload and server browsing support
  • Right click context menus support
  • Plugins support
  • Spell checker
  • Lightweight and fast
  • Automatic browser detection and customization

Yahoo YUI Rich Text Editor - Non-jQuery

Official Website  |  Demo
Yahoo UI RTE

The Rich Text Editor is a UI control that replaces a standard HTML textarea; it allows for the rich formatting of text content, including common structural treatments like lists, formatting treatments like bold and italic text, and drag-and-drop inclusion and sizing of images. The Rich Text Editor's toolbar is extensible via a plugin architecture so that advanced implementations can achieve a high degree of customization.

Xinha - Non-jQuery

Official Website  |  Demo
Xinha

Xinha (pronounced like Xena, the Warrior Princess) is a powerful WYSIWYG HTML editor component that works in all current browsers. Its configurabilty and extensibility make it easy to build just the right editor for multiple purposes, from a restricted mini-editor for one database field to a full-fledged website editor. Its liberal, BSD licence makes it an ideal candidate for integration into any kind of project.

Conclusion

I hope you all love this resource. :)

© 著作权归作者所有

共有 人打赏支持
Alex_曰生
粉丝 2
博文 25
码字总数 3592
作品 0
深圳
程序员
22个所见即所得在线Web编辑器

本文搜集了 22 个 Web 在线编辑器,它们基本代表了当前 Web 编辑器的现状。 1. TinyMCE 免费,开源,轻量,基于 JavaScript,高度可定制,跨平台。 2. FCKEditor 免费,开源,用户量庞大,有...

awbeci ⋅ 2012/02/15 ⋅ 0

22个所见即所得在线 Web 编辑器

我们曾介绍过 10 个基于 JavaScript 的 WYSIWYG(所见即所得) 编辑器,这些 Web 编辑器可以在线编辑和处理富 Web 内容,包括格式文本,表格,图片,媒体,链接等等,非常适合集成到 CMS 网站...

晨曦之光 ⋅ 2012/03/09 ⋅ 0

html在线编辑器汇总

1. TinyMCE 免费,开源,轻量的在线编辑器,基于 JavaScript,高度可定制,跨平台。 2. FCKEditor 免费,开源,用户量庞大的在线编辑器,有良好的社区支持。 3. YUI Editor 属于 Yahoo! YUI...

文艺小青年 ⋅ 2017/06/30 ⋅ 0

专心致志文本编辑器简介

自开始用电脑以来,一直在寻找一款适合自己的文本编辑器。时间已经过去很多年了,好像还是感觉没什么收获,今天介绍的软件算不上很满意,不过还是将就着用。看小说,编辑文本,还是不错的。因...

wdliming ⋅ 2011/11/28 ⋅ 0

10个免费的javascript富文本编辑器(jQuery and non-jQuery)

祝愿园子里的朋友圣诞节快乐。 本文介绍了10个免费易用富文本编辑器(rich text editors,RTE),其中5个是Jquery插件,另外5个是非Jquery富文本编辑器 简介 Javascript富文本编辑器使我们添...

老鸟的空间 ⋅ 2014/07/05 ⋅ 1

jquery插件整理篇(六)HTML编辑器插件

(1)jwysiwyg WYSIWYG jQuery插件。整个编辑器文件大小只有17Kb。 (2)Damn Small Rich Text Editor 基于jQuery开发,能够从IFRAME元素创建一个Rich Text Editor。提供了所有基本的Rich Te...

楚广明 ⋅ 2011/12/18 ⋅ 0

DevExpress v15.1:ASP.NET WebForms功能增强(一)

<下载最新版DevExpress ASP.NET Controls v15.1.5> ASP.NET Rich Text Editor Word® Inspired富文本编辑器 DevExpress ASP.NET Rich Text Editor预览版去年首次发布,此次版本更新正式发布了......

Miss_Hello_World ⋅ 2015/08/11 ⋅ 0

20 个 jQuery 和 CSS 的文本特效插件

Jumble Text Effect Plugins Demo || Download Vticker – Vertical News Ticker With JQuery Plugin Demo || Download JQuery TE – Text Editor With JQuery Plugin Demo || Download Squi......

oschina ⋅ 2013/08/14 ⋅ 5

从webwork2.2应用到struts2的移植看webwork2.x和struts2的区别

http://kimsoftware.javaeye.com/admin/show/39354(我javaeye的blog) 以下文字来自struts2官方网站。 一、变化 struts2代码始于webwork2.2.3,少许的比较大的改动可能会影响你的webwork2....

晨曦之光 ⋅ 2012/03/09 ⋅ 0

QT 中QTextEdit添加图片

在文本编辑框中添加图片,需要借助QTextDocument把图片作为资源添加到QTextEdit中 The QTextDocument class holds formatted text that can be viewed and edited using a QTextEdit. QTextD......

晨曦之光 ⋅ 2012/04/13 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

BS与CS的联系与区别【简】

C/S是Client/Server的缩写。服务器通常采用高性能的PC、工作站或小型机,并采用大型数据库系统,如Oracle、Sybase、InFORMix或 SQL Server。客户端需要安装专用的客户端软件。 B/S是Brower/...

anlve ⋅ 42分钟前 ⋅ 0

发生了什么?Linus 又发怒了?

在一个 Linux 内核 4.18-rc1 的 Pull Request 中,开发者 Andy Shevchenko 表示其在对设备属性框架进行更新时,移除了 union 别名,这引发了 Linus 的暴怒。 这一次 Linus Torvalds 发怒的原...

问题终结者 ⋅ 今天 ⋅ 0

在树莓派上搭建一个maven仓库

在树莓派上搭建一个maven仓库 20180618 lambo init 项目说明 家里有台树莓派性能太慢。想搭建一个maven私服, 使用nexus或者 jfrog-artifactory 运行的够呛。怎么办呢,手写一个吧.所在这个...

林小宝 ⋅ 今天 ⋅ 0

Spring发展历程总结

转自与 https://www.cnblogs.com/RunForLove/p/4641672.html 目前很多公司的架构,从Struts2迁移到了SpringMVC。你有想过为什么不使用Servlet+JSP来构建Java web项目,而是采用SpringMVC呢?...

onedotdot ⋅ 今天 ⋅ 0

Python模块/包/库安装(6种方法)

Python模块/包/库安装(6种方法) 冰颖机器人 2016-11-29 21:33:26 一、方法1: 单文件模块 直接把文件拷贝到 $python_dir/Lib 二、方法2: 多文件模块,带setup.py 下载模块包(压缩文件zip...

cswangyx ⋅ 今天 ⋅ 0

零基础学习大数据人工智能,学习路线篇!系统规划大数据之路?

大数据处理技术怎么学习呢?首先我们要学习Python语言和Linux操作系统,这两个是学习大数据的基础,学习的顺序不分前后。 Python:Python 的排名从去年开始就借助人工智能持续上升,现在它已经...

董黎明 ⋅ 今天 ⋅ 0

openJdk和sun jdk的区别

使用过LINUX的人都应该知道,在大多数LINUX发行版本里,内置或者通过软件源安装JDK的话,都是安装的OpenJDK, 那么到底什么是OpenJDK,它与SUN JDK有什么关系和区别呢? 历史上的原因是,Ope...

jason_kiss ⋅ 今天 ⋅ 0

梳理

Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 它是JS的状态容器,是一种解决问题的方式,所以即可以用于 react 也可以用于 vue。 需要理解其思想及实现方式。 应用中所有的 stat...

分秒 ⋅ 今天 ⋅ 0

Java 后台判断是否为ajax请求

/** * 是否是Ajax请求 * @param request * @return */public static boolean isAjax(ServletRequest request){return "XMLHttpRequest".equalsIgnoreCase(((HttpServletReques......

JavaSon712 ⋅ 今天 ⋅ 0

Redis 单线程 为何却需要事务处理并发问题

Redis是单线程处理,也就是命令会顺序执行。那么为什么会存在并发问题呢? 个人理解是,虽然redis是单线程,但是可以同时有多个客户端访问,每个客户端会有 一个线程。客户端访问之间存在竞争...

码代码的小司机 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部