简体繁体 English

基于jQuery的WYSIWYG编辑器的示例演示了OOP javascript

[英]A sample for jQuery based WYSIWYG Editor demonstrate OOP javascript

原文 2008-09-17 16:41:06 4 6 javascript/ jquery/ wysiwyg/ rtf/ fckeditor

Want a WYSIWYG jQuery Editor as an example to illustrate how to use jQuery to built OOP javascript component. 想以WYSIWYG jQuery Editor为例来说明如何使用jQuery构建OOP javascript组件。

PS It is so good stackoverflow can use markdown... Would be a heaven if users would love such thing too PS它是如此优秀的stackoverflow可以使用降价...如果用户也会喜欢这样的事情将是一个天堂

6 个解决方案

jHtmlArea - WYSIWYG HTML Editor for jQuery jHtmlArea - 用于jQuery的WYSIWYG HTML编辑器

A simple, light weight, extensible WYSIWYG HTML Editor built on top of jQuery. 一个简单，轻量级，可扩展的WYSIWYG HTML编辑器，构建于jQuery之上。 This component allows you to easily display a WYSIWYG HTML Editor in place of any TextArea DOM Elements on the page. 此组件允许您轻松显示WYSIWYG HTML编辑器，而不是页面上的任何TextArea DOM元素。 The minified script alone is 7kb, and with css and image files it's a total of 15kb. 仅缩小的脚本是7kb，使用css和图像文件总共15kb。

This project also include Visual Studio JavaScript Intellisense support. 该项目还包括Visual Studio JavaScript Intellisense支持。

alt text http://i3.codeplex.com/Project/Download/FileDownload.aspx?ProjectName=jhtmlarea&DownloadId=76574 alt text http://i3.codeplex.com/Project/Download/FileDownload.aspx?ProjectName=jhtmlarea&DownloadId=76574

http://projects.bundleweb.com.ar/jWYSIWYG/看起来过时了，最好试试这个链接到jwysiwyg

jwysiwyg看起来不错，但根本没有有用的文档！

Check CleEditor http://premiumsoftware.net/cleditor/ 检查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+. CLEditor支持mac和pc上的以下浏览器：IE 6.0 +，FF 1.5 +，Safari 4 +，Chrome 5+和Opera 10+。 All testing is done using jQuery 1.4.2. 所有测试都是使用jQuery 1.4.2完成的。

CLEditor provides a rich plugin development environment, allowing you to customize its user interface and functionality to fit your needs. CLEditor提供了丰富的插件开发环境，允许您自定义其用户界面和功能以满足您的需求。

http://wmd-editor.com/features#compatibility 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 http://markitup.jaysalvat.com

The WYSIWYG which can accept formatted text copied from Microsoft Word, are... 可以接受从Microsoft Word复制的格式化文本的WYSIWYG是......

CLEditor CLEditor
jHTML Area jHTML区域
NicEdit NicEdit
Xinha Xinha
jWYSIWYG jWYSIWYG

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. 我选择了CLEdit，因为代码很干净，它允许我决定如何对齐图像，并且它没有像NicEdit这样的bug。 On NicEdit, it produces DOUBLE line breaks when HTML code is copied from other sites into the editor. 在NicEdit上，当HTML代码从其他站点复制到编辑器中时，它会产生DOUBLE换行符。