html 文本 n,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 版本。

Tridiv:基于 Web 的 CSS 编辑器,创建炫丽 3D 图形

Tridiv 是一个基于 Web 的编辑器,使用 CSS 创建 3D 形状.它提供了一个传统的四个面板的操作界面,给出了从每个平面的视图,以及一个预览窗格中示出的最终的效果.使用 Tridiv 可以创 ...

H5页面设计器,仿有赞商城页面在线设计器,比富文本框更友好的内容编辑器

基本上每个web应用,都会牵扯到内容编辑,尤其是移动的web应用,微信开发之类的.页面内容自定义是最常用的功能了,之前大部分解决方案都是采用富文本框编辑器kindeditor,ueditor,cked ...

vue2.0 富文本组件(基于wangeditor)

1. 本组件基于 wangeditor http://www.wangeditor.com/ 如有侵权 请告知, 2. 效果图 3. 依赖安装 package.json 中 devDependenci ...

ace富文本编辑器

在线文本编辑器(ACE Editor) ACE是一个实现了语法着色功能的基于Web的代码编辑器,具有良好的代码提示功能和大量的主题. 一.资源获取 官方网址:https://ace.c9.io/ Gi ...

富文本存储型XSS的模糊测试之道

富文本存储型XSS的模糊测试之道 凭借黑吧安全网漏洞报告平台的公开案例数据,我们足以管中窥豹,跨站脚本漏洞(Cross-site Script)仍是不少企业在业务安全风险排查和修复过程中需要对抗的“大 ...

web开发实战--弹出式富文本编辑器的实现思路和踩过的坑

前言: 和弟弟合作, 一起整了个智慧屋的小web站点, 里面包含了很多经典的智力和推理题. 其实该站点从技术层面来分析的话, 也算一个信息发布站点. 因此在该网站的后台运营中, 富文本的编辑器显得尤为 ...

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

提示:最新版wangEditor请参见:wangEditor.github.io 或者 https://github.com/wangfupeng1988/wangEditor 1. 前言 (下载源码 ...

Thinkphp下嵌套UEditor富文本WEB编辑器

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码... 本文实际操作于ThinkPHP框架下,现 ...

【ASP.NET 插件】分享一款富文本web编辑器UEditor

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码...

随机推荐

Linux网络管理2---(网络环境查看命令、网络测试命令)

1.网络环境查看命令 ifconfig命令 查看或临时修改网络状态的命令 可以看到IP.子网掩码……信息 关闭和启动网卡 ifdown 网卡设备名(比如: ifdown eth0):禁用该网卡设备 i ...

js 获取样式兼容方法

function getStyle(obj, attr) { if(obj.currentStyle) { return obj.currentStyle[attr]; } else { return ...

JDE910笔记2--OMW项目建立及简单使用[转]

1.打开JDE的OBJECT MANAGEMENT WORKBENCH.在工作区中选择ADD,建立项目并选择OMW PROJECT,添加相关信息,如下图所示 其中,ProjectID可以对应不同的数据 ...

MyEclipse取消验证Js的两种方法

MyEclipse取消验证Js的两种方法 作者: 字体:[增加 减小] 类型:转载 通过js写一个web工程的相关页面时感觉很卡,修改内存也不行下面有两种解决方法,大家可以尝试下 前言:有时我们通过j ...

CSS_position

1. HTML Code:

id = ...

手机自动化测试:Appium源码之API(2)

手机自动化测试:Appium源码之API(2)   TouchAction AppiumDriver的辅助类,主要针对手势操作,比如滑动.长按.拖动等.TouchAction的原理是讲一系列的动作放在 ...

js表单验证处理和childNodes 和children 的区别

一.对提交表单进行空值验证 html代码:

为什么不使用github的wiki而是使用mkdocs做文档管理?

为什么不使用github的wiki而是使用mkdocs做文档管理? 目前 KSFramework 是使用mkdocs来做在线文档 而非使用github的wiki,这是为什么呢? 在windows下搭建 ...

python3类方法与静态方法

静态⽅法和类⽅法 转载于:https://blog.csdn.net/qq_41020281/article/details/79634707 1. 类⽅法 是类对象所拥有的⽅法,需要⽤修饰器 @cl ...

vue的初识与简单使用---前后端分离通过接口调取数据

vue的安装 #### .环境搭建 ''' - 安装node ``` 官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/ ``` - 安装cnpm ``` npm inst ...

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值