10个基于jQuery或JavaScript的WYSIWYG 编辑器整理


Posted in Javascript onMay 06, 2010

在线编辑内容的时候,那些基于 JavaScript 的编辑器帮了我们大忙,这些所见即所得(WYSIWYG)编辑器,给我们提供了类似 Office?的操作体验。如今,任何网站内容管理系统(CMS)和博客系统都需要一个这样的编辑器。本文精选了5个基于 JavaScript?的编辑器,5个基于 jQuery 框架的编辑器。 MarkitUp ? jQuery

Official Website | Demo
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理

markItUp! 它不是一个“全功能,乱用”的编辑器。相反,它是一个非常轻量级的,可定制的和灵活的文本编辑器,以满足发展的需要,在其CMSes ,博客,论坛或网站。 markItUp !不是一个WYSIWYG编辑器,它是简易实用的文本编辑器。 快速移植和使用 支持键盘快捷键 支持Ajax的动态预览 兼容的浏览器: IE7, Safari 3.1, Firefox 2, Firefox 3. IE6 and Opera 9+ as-is. 许可: MIT/GPL 文件: 便携,节省资源,只有 6.5Kb. jWYSIWYG ? jQuery

Official Website | Demo
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理

jWYSIWYG,此插件是一个内置的内容编辑器,允许编辑HTML内容。这是一种替代WYMeditor与便捷实用的功能。文件大小不到 17Kb和26Kb总额只有9Kb 18Kb的代码和7Kb便携。 GNU General Public License v2 小巧轻便 支持Ajax的动态预览 兼容主流浏览器 Lightweight RTE- jQuery

Official Website | Demo
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理

这一丰富文本编辑器尽可能的简单容易的改变我们基本的编辑需求。 超轻量级,只有 7kb 兼容主流浏览器 简洁,优雅 GNU General Public License HTMLBox ? jQuery

Official Website | Demo
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理

HTMLBox,跨浏览器的,开源的HTML / XHTML文本基础上的jQuery库。通过了Mozilla Firefox , Inrernet浏览器, Netscape和Safari浏览器的测试。一体化的HtmlBox易于集成到CMS,论坛,留言板,博客中。 易于集成 兼容主流浏览器. 大小只有 15kb (最小 11kb ) 支持XHTML输出. 支持Ajax的动态预览 有完整的用户手册,这将引导您完成每一步的整合HtmlBox到您的应用和定制它。 D Small Rich Text Editor ? jQuery

Official Website | Demo
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理

丰富的文本编辑器,应用了IFRAME元素,功能非常全,能满足我们复杂的文本编辑。 大小(~18k) ! (便携/Minified JS, Plugins & CSS合起来有12k w/o GZIP, HTML can be reduced to ~3k using GZIP, Images (w/o emoticons) are less than 3k) 兼容主流浏览器 支持所有的基本功能 支持插件功能 图片上传,通过AJAX 实现(使用的是 AjaxFileUpload plugin). 可以调整文本区域。 支持XHTML 1.0 验证 和 过滤(Note: this refers to the editor's markup and not to it's generated content which may or may not be valid!). 具有 HTML 修正功能 WYMEditor ? jQuery

Official Website | Demo
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理

WYMeditor是一个基于网络的WYSIWYM (你所看到的你的意思)的XHTML编辑器。 WYMeditor的主要概念是离开的细节文件的视觉版面,并把重点放在它的结构和意义,同时努力为用户提供舒适的文本编辑器 XHTML strict + CSS compliant 没有字体或文本格式, 大小或颜色 ? 它们是基于您的css样式的 便于集成至您的应用程序中 无需安装,这是100 %的Javascript代码编写的-无插件,不延时 支持Image, link, table 支持 CSS 有APIs,支持插件 自由和开放源码 兼容主流浏览器 TinyMCE ? non-jQuery

Official Website | Demo
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理

TinyMCE是一个独立的平台,基于Web的Javascript的 HTML WYSIWYG编辑器,是开源的。超强的HTML文本或其他元素转换能力,以编辑实例。 易于集成-只需要几行代码 自定义-主题和插件,阻止无效的要素和属性。 兼容主流浏览器 ? Mozilla, MSIE, FireFox, Opera, Safari and Chrome. 轻量级的 ? 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! 支持国际化 ? Multilanguage support using language packs. 开源 ? Free under the LGPL license, millions of ppl help test and improve this editor every day. fckeditor ? Non-jQuery

Official Website | Demo
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理

此HTML文本编辑器具有类似于MS Word一样的功能。它轻量级,无需安装 兼容主流浏览器 支持XHTML 1.0 可以定制自己的CSS 字体格式: type, size, color, style, bold, italic, etc 文本格式: alignment, indentation, bullets list, etc 支持 Cut, Paste, and Paste as Plain Text, Undo and Redo Paste from Word cleanup with auto detection 支持插入图片,上传,预览 单击右键有下拉菜单 支持 插件 有智能拼写检查程序 轻量级的和快速的 自动检测和个性化的浏览器 Yahoo YUI Rich Text Editor ? Non-jQuery

Official Website | Demo
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理

The Rich Text Editor是Yahoo YUI开发的,它可以取代标准HTML文本;支持文本字体选择,加粗,斜体 ,有序列表,无序列表,链接,拖放图片,工具栏通过插件是可扩展,能够实现高度的个性化设置. Xinha ? Non-jQuery

Official Website | Demo
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理

Xinha (pronounced like Xena, the Warrior Princess)是一个功能强大的所见即所得的HTML编辑器组件,在支持目前所有的浏览器。其configurabilty和可扩展性,可以很容易地 生成合适的内容,无限制

来源:http://blog.sn00py.cn/2010/03/10%e4%b8%aa%e5%9f%ba%e4%ba%8ejquery%e6%88%96javascript%e7%9a%84wysiwyg-%e7%bc%96%e8%be%91%e5%99%a8/

Javascript 相关文章推荐
基于jsTree的无限级树JSON数据的转换代码
Jul 27 Javascript
11款新鲜的jQuery插件[附所有demo下载]
Jan 24 Javascript
AngularJS中的模块详解
Jan 29 Javascript
JavaScript判断是否为数组的3种方法及效率比较
Apr 01 Javascript
javascript实现可全选、反选及删除表格的方法
May 15 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
Nov 09 Javascript
利用Javascript实现BMI计算器
Aug 16 Javascript
JS仿京东移动端手指拨动切换轮播图效果
Apr 10 Javascript
vue.js声明式渲染和条件与循环基础知识
Jul 31 Javascript
vue动态路由实现多级嵌套面包屑的思路与方法
Aug 16 Javascript
解决微信浏览器缓存站点入口文件(IIS部署Vue项目)
Jun 17 Javascript
JavaScript定时器设置、使用与倒计时案例详解
Jul 08 Javascript
jQuery Selector选择器小结
May 06 #Javascript
Jquery 动态添加按钮实现代码
May 06 #Javascript
jquery DOM操作 基于命令改变页面
May 06 #Javascript
JQuery 学习笔记01 JQuery初接触
May 06 #Javascript
Jquery 扩展方法
May 06 #Javascript
javascript 获取页面的高度及滚动条的位置的代码
May 06 #Javascript
屏蔽F1~F12的快捷键的js函数
May 06 #Javascript
You might like
分析PHP中单双引号的误区和双引号小隐患
2016/07/19 PHP
php注册和登录界面的实现案例(推荐)
2016/10/24 PHP
laravel-admin 实现给grid的列添加行数序号的方法
2019/10/08 PHP
JavaScript加密解密7种方法总结分析
2007/10/07 Javascript
javascript最常用与实用的创建类的代码
2010/08/12 Javascript
Node.js实现在目录中查找某个字符串及所在文件
2014/09/03 Javascript
js正则表达式匹配数字字母下划线等
2015/04/14 Javascript
jquery简单实现外部链接用新窗口打开的方法
2015/05/30 Javascript
Jquery ajax请求导出Excel表格的实现代码
2016/06/08 Javascript
详解ElementUI之表单验证、数据绑定、路由跳转
2017/06/21 Javascript
JavaScript实现无刷新上传预览图片功能
2017/08/02 Javascript
JS拖拽排序插件Sortable.js用法实例分析
2019/02/20 Javascript
详解基于iview-ui的导航栏路径(面包屑)配置
2019/02/22 Javascript
详解微信小程序开发(项目从零开始)
2019/06/06 Javascript
如何使用proxy实现一个简单完整的MVVM库的示例代码
2019/09/17 Javascript
jquery检测上传文件大小示例
2020/04/26 jQuery
jQuery实现全选按钮
2021/01/01 jQuery
[01:02:00]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第三场 1月24日
2021/03/11 DOTA
Python实现的爬取百度贴吧图片功能完整示例
2019/05/10 Python
python用opencv 图像傅里叶变换
2021/01/04 Python
CSS3中的@keyframes关键帧动画的选择器绑定
2016/06/13 HTML / CSS
用纯CSS3实现网页中常见的小箭头
2017/10/16 HTML / CSS
html5 input输入实时检测以及延时优化
2018/07/18 HTML / CSS
html5唤醒APP小记
2019/03/27 HTML / CSS
美国女鞋品牌:naturalizer(娜然)
2016/08/01 全球购物
美国主要的特色咖啡和茶公司:Peet’s Coffee
2020/02/14 全球购物
工程师自我评价怎么写
2013/09/19 职场文书
文秘自荐信
2013/10/20 职场文书
土木工程求职信
2014/05/29 职场文书
服装设计专业自荐信
2014/06/17 职场文书
图书馆志愿者活动总结
2014/06/27 职场文书
区政府领导班子个人对照检查材料
2014/09/25 职场文书
个人遵守党的政治纪律情况对照检查材料思想汇报
2014/09/25 职场文书
2019年最新借条范本!
2019/07/08 职场文书
Pygame如何使用精灵和碰撞检测
2021/11/17 Python
Python 避免字典和元组的多重嵌套问题
2022/07/15 Python