N个富文本编辑器/基于Web的HTML编辑器

转自:http://www.cnblogs.com/lingyuan/archive/2010/11/15/1877447.html

基于WEB的HTML 编辑器,WYSIWYG所见即所得的编辑器,或是一个富文本的编辑器,是我们在开发WEB应用时接收用户输入时必需要考虑的问题。下面是一些开源的WEB在线的WYSWIG编辑器。

1.FCKeditor
FCKeditor 这些在线编辑器中最著名的一个,其功能相当的强大,很像一个Web的Word软件。它可以方便地和ASP, ASP.NET, PHP, Java, Perl, Phyton 等Web开发语言所集成。并支持皮肤,拼写检查。其还可以配置成一个轻量级的编辑器。而且,它还有很多相当酷的功能。

2. NicEdit
NicEdit 是一个基于Javascript. 编辑器,它可以很容易地被集成到任意的网页中。它还可以把网页上任何的element/div 转成可以编辑的标准的控件。

3. TinyMCE
TinyMCE 是另一个很有名的所见即所得的编辑器,其受LGPL license控制。Wordpress的编辑器用的就是TinyMCE的。

4. jwysiwyg
jwysiwyg 是一个基于 jQuery 的WYSIWYG 插件,相当小,只有7kb的大小,而且相当的简单易用。但功能不多。

5. Yahoo! UI Library: Rich Text Editor
这个富文本编辑器是 Yahoo YUI 库中的一部分,用户或以非常简单的扩展它。这对于那些对YUI库很熟悉的人来说是最好的了。

6. Xinha
Xinha 也是一个相当强大的WYSIWYG HTML 编辑器,它可以兼容于所有的浏览器,并被开源社区所支持。

7. Openwysiwyg
Openwysiwyg 也是另一个开源的跨浏览器的 WYSIWYG 编辑器,别看他外表长得不怎么样,但他有很多的功能,特别是表格编辑的功能。

8.Free Rich Text Editor
Free Rich Text Editor 是一个超级简单并且是免费的WYSIWYG 编辑器,它非常容易用来实现和管理基于XHTML的文本。

9. WMD: The Wysiwym Markdown Editor
WMD 是一个简单和轻量级的编辑器,它主要用于Blog的评论系统或是论坛回贴系统。

10. TTW HTML Editor
TTW HTML Editor 也是一个很简单轻量级的WYSIWYG编辑器,其主要由Javascripts编写,其拼写检查由SpellerPages编写。这是一个很容易被调用的编辑器。

11.Free Text Box
FreeTextBox 也是一个很常用的HTML editor,只不过它只支持ASP.NET。它可以兼容于所有的IE,Mozilla和Firefox。

12. WYMeditor
WYMeditor 是一个 XHTML 的编辑器。WYMeditor 可以创建并生成非常完美的XHTML 结构的源码,并完全严格遵守W3C XHTML 规范。

13. BlueShoes Wysiwyg Editor
这是一个DHTML 和Javascript. 开发的编辑器,它有很多非常酷的功能。例如:用户可以动态的改变编辑器的大小,选取特殊字符,以及选取颜色的功能。

14. markItUp
markItUp! 是一个jQuery 的JavaScript. 插件。它非常的轻量,可以非常容易的定制。你甚至可以定义你最喜欢的键盘热键,以及添加额外的功能。

15. SPAW Editor
这个WYSIWYG 编辑器是一个多页的编辑器,浮动式的工具条和很酷的用户接口,目前只有PHP 和.NET 版本。

时间: 2024-10-20 05:32:09

N个富文本编辑器/基于Web的HTML编辑器的相关文章

ace富文本编辑器

在线文本编辑器(ACE Editor) ACE是一个实现了语法着色功能的基于Web的代码编辑器,具有良好的代码提示功能和大量的主题. 一.资源获取 官方网址:https://ace.c9.io/ Github地址:https://github.com/ajaxorg/ace-builds 下载好资源后,看readme,使用src-noconflict作为依赖的资源库 在下载的依赖的库里包含以下几种开头的文件 ace.js  是依赖的主文件 ext-XXX  是关于编辑器的设置文件 mode-xx

基于uitextview的富文本实现方法

ios7.0之前复杂的富文本只能基于coretext实现,而coretext由于不够灵活实现起来十分复杂,而基于coretext的第三方又往往缺这少那,改动成本高. ios7.0之后推出了textkit,仅用uitextview就可以实现丰富的功能,但此种方法由于过度封装使笔者在应用中也遇到了不少坑. 1.伪装成uilabel 2.复制粘贴等功能屏蔽 3.放大镜屏蔽 4.事件响应的同时图片附件也会随之增加点击效果该如何屏蔽 5.链接不允许换行时的解决方法 6.自定义事件响应 未完待续

重构wangEditor(web富文本编辑器),欢迎指正!

1. 前言 (下载源码.使用说明.demo,请参见:https://github.com/wangfupeng1988/wangEditor) 前段时间做过一个基于bootstrap的富文本编辑器--wangEditor,并发布到github上(https://github.com/wangfupeng1988/wangEditor),在博客园写了篇文章(http://www.cnblogs.com/wangfupeng1988/p/4088229.html)也受到了不少关注. 之所以有这次重构

Web富文本编辑器---UEditor

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码. 大家可以点进去耍一耍 http://ueditor.baidu.com/website/onlinedemo.html 从官网上下载相关js文件,在页面初始化 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF

web项目中nicedit富文本编辑器的使用

一.为什么要用富文本编辑器? 先说什么是富文本编辑器吧,普通的html中input或textarea标签只能进行简单的输入,而做不到其他的文本调整功能,甚至 连空格与回车都要另写工具类去识别,更谈不上字体大小和颜色的修改.整体排版都功能了.其实一般读入文段类型的输入框都需 要富文本编辑器,没错,你们平时写博客用的就是富文本编辑器.如果还是无法理解富文本与普通输入框的区别,请看下图:  二.为什么要选nicedit 同类富文本编辑器有很多,这里选nicedit来说并不是因为它有多好,反而它功能并不

富文本web编辑器(UEditor)

展示效果: 代码方式: 百度富文本web编辑器 引入文件: 1 <script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script> 2 <script type="text/javascript" charset="utf-8" src="ueditor.all.min.js

百度Web富文本编辑器ueditor在ASP.NET MVC3项目中的使用说明

====================================================================== [百度Web富文本编辑器ueditor在ASP.NET MVC3项目中的使用说明] ----by 夏春涛 2014-02-20 ====================================================================== 运行环境: ueditor-v1.3.6-utf8-net,VS2010旗舰版+SP1,

UEditor富文本web编辑器

UEditor是由百度web前端研发部开发所见即所得,前几天把公司原来的富文本编辑器换成百度的了,可以把秀米制作的样式 整个复制到文本编辑器中,原汁原味... 到官网看了文档,其实很简单,就简单的配置下就可以了,如图... 在.net中需添加js: <script src="../../../ueditor/ueditor.config.js"></script> <script src="../../../ueditor/ueditor.all

Vue基于vue-quill-editor富文本编辑器

1.Vue基于vue-quill-editor富文本编辑器使用心得:https://www.cnblogs.com/ZaraNet/p/10209226.html 2.使用vue-quill-editor,获得到输入内容的html,怎样才能在外部的div中有跟编辑器里: 用v-html绑定一下就行了,加上class="ql-editor"的话,样式就和富文本录入的一样了,建议自己写样式,美观一点. 原文地址:https://www.cnblogs.com/zhengzemin/p/vu