基于 jQuery 的 WYSIWYG 编辑器示例演示 OOP javascript
希望以一个所见即所得的 jQuery 编辑器为例来说明如何使用 jQuery 构建 OOP javascript 组件。
聚苯乙烯 stackoverflow 能用 markdown 真是太好了...如果用户也喜欢这样的东西那就太棒了
Want a WYSIWYG jQuery Editor as an example to illustrate how to use jQuery to built OOP javascript component.
P.S.
It is so good stackoverflow can use markdown... Would be a heaven if users would love such thing too
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（6）
可以接受从 Microsoft Word 复制的格式化文本的所见即所得是...
我选择 CLEdit，因为代码很干净，它允许我决定如何对齐图像，但它不'没有像 NicEdit 这样的错误。 在 NicEdit 上，当 HTML 代码从其他站点复制到编辑器中时，它会产生双换行符。
The WYSIWYG which can accept formatted text copied from Microsoft Word, are...
I chose CLEdit, because the code is clean, and it allows me to decide how I want images to be aligned, and it doesn't have bugs like NicEdit. On NicEdit, it produces DOUBLE line breaks when HTML code is copied from other sites into the editor.
http://projects.bundleweb.com.ar/jWYSIWYG/ 看起来已经过时了，最好尝试一下此链接指向 jwysiwyg
http://projects.bundleweb.com.ar/jWYSIWYG/ looks outdated, better try this link to jwysiwyg
jHtmlArea - 适用于 jQuery 的所见即所得 HTML 编辑器
一个简单、轻量级、可扩展的所见即所得 HTML 编辑器，构建于 jQuery 之上。 该组件允许您轻松显示所见即所得 HTML 编辑器来代替页面上的任何 TextArea DOM 元素。 仅缩小后的脚本就有 7kb，加上 css 和图像文件总共有 15kb。
该项目还包括 Visual Studio JavaScript Intellisense 支持。
（来源：codeplex.com)
jHtmlArea - WYSIWYG HTML Editor for jQuery
A simple, light weight, extensible WYSIWYG HTML Editor built on top of jQuery. This component allows you to easily display a WYSIWYG HTML Editor in place of any TextArea DOM Elements on the page. The minified script alone is 7kb, and with css and image files it's a total of 15kb.
This project also include Visual Studio JavaScript Intellisense support.
(source: codeplex.com)
http://wmd-editor.com/features#compatibility
或者如果您有时间的话为您自己的解析编写/修改（就像我会做的那样）
使用这个：
http://markitup.jaysalvat.com
http://wmd-editor.com/features#compatibility
or maybe if you just have time to write/modify for your own parse (as i will do)
use this:
http://markitup.jaysalvat.com
检查 CleEditor http://premiumsoftware.net/cleditor/
CLEditor 在 Mac 和 PC 上支持以下浏览器：IE 6.0+、FF 1.5+、Safari 4+、Chrome 5+ 和 Opera 10+。 所有测试都是使用 jQuery 1.4.2 完成的。
CLEditor 提供了丰富的插件开发环境，允许您自定义其用户界面和功能以满足您的需求。
Check CleEditor http://premiumsoftware.net/cleditor/
CLEditor supports the following browsers on both the mac and pc: IE 6.0+, FF 1.5+, Safari 4+, Chrome 5+ and Opera 10+. All testing is done using jQuery 1.4.2.
CLEditor provides a rich plugin development environment, allowing you to customize its user interface and functionality to fit your needs.
jwysiwyg 看起来不错，但根本没有有用的文档！
jwysiwyg looks good but there's no useful documentation at all!