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

Posted 2023-05-08

【中文标题】基于 jQuery 的 WYSIWYG 编辑器示例演示 OOP javascript

【英文标题】：A sample for jQuery based WYSIWYG Editor demonstrate OOP javascript

【发布时间】：2010-09-10 06:04:58

【问题描述】：

想以一个所见即所得的 jQuery 编辑器为例来说明如何使用 jQuery 来构建 OOP javascript 组件。

附： 太好了 *** 可以使用降价...如果用户也喜欢这样的东西，那将是天堂

【问题讨论】：

想一想你在问什么，然后再读一遍，然后点击“提交”。

对不起语言，我尝试重写它

您要为 jQuery 提供所见即所得的编辑器？还是基于 jQuery 构建的所见即所得编辑器？我假设后者，但我同意 cazlab，你应该考虑在未来更好地措辞。另外（我不想成为一个混蛋，但是......）后置脚本完全无关紧要。

【参考方案1】：

jhtmlArea - WYSIWYG HTML Editor for jQuery

基于 jQuery 构建的简单、轻量级、可扩展的所见即所得 HTML 编辑器。该组件允许您轻松地显示 WYSIWYG HTML 编辑器来代替页面上的任何 TextArea DOM 元素。压缩后的脚本只有 7kb，加上 css 和图像文件总共有 15kb。

该项目还包括 Visual Studio JavaScript Intellisense 支持。

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

【讨论】：

这非常适合我正在处理的项目，我想限制用户可以应用的样式数量（删除线、颜色和下划线通常是有问题的）。我喜欢工具栏看起来多么容易定义。

【参考方案2】：

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

【讨论】：

Google Code 上的那个项目有问题。

【参考方案3】：

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

【参考方案4】：

检查 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 提供丰富的插件开发环境，允许您自定义其用户界面和功能以满足您的需求。

【参考方案5】：

http://wmd-editor.com/features#compatibility

或者如果您有时间编写/修改自己的解析（我会这样做） 使用这个：

http://markitup.jaysalvat.com

【参考方案6】：

WYSIWYG 可以接受从 Microsoft Word 复制的格式化文本，是...

CL 编辑器 jHTML 区域 NicEdit 辛哈 jWYSIWYG

我选择了 CLEdit，因为代码很干净，它允许我决定我希望图像如何对齐，而且它没有像 NicEdit 这样的错误。在 NicEdit 上，当 HTML 代码从其他站点复制到编辑器时，它会产生双换行符。