丰富的编辑到位

Question

支持的内容的最佳解决方案是什么：

• 富编辑
• 就地编辑
• 占位符
• 保存HTML并删除恶意等。

我希望有一个漂亮且可用的界面来更改配置文件上的数据。 它必须支持粗体，斜体和多行文本，并确保不会注入恶意代码。

我主要是寻找Javascript方面但是如果后端有一些PHP代码，那就太好了。

Answer 1

FCK编辑器现在是CKEditor

it is free.

Answer 2

我使用TinyMCE（http://tinymce.moxiecode.com/）。它应该具有您需要的大部分功能。

Answer 3

我见过几个选项：

• CKEditor（我个人最喜欢的）
• TinyMCE（也非常受欢迎）
• NicEdit
• YUI's Rich Text Editor（更大，更好，YUI框架的一部分）
• Google's Closure Editor（谷歌关闭框架的一部分，你在GMail中获得的等等。）
• Dijit Editor（如果您使用的是Dojo框架）
• OpenWYSIWYG（真正的开源）
• jwysiwyg（对于jQuery）

另见http://en.wikipedia.org/wiki/Online_rich-text_editor 和http://blog.insicdesigns.com/2009/07/rounding-up-the-best-javascript-wysiwyg-and-markup-editor/

Answer 4

我正确使用NicEdit但如果我有时间，我会更改为aloha-editor HTML5 WYSIWYG编辑器。

那就是说，我不推荐任何那些WYSIWYG编辑器，因为html输出不仅很差，而且还通过引入许多你可能没想到的内联样式来打破整体设计。

我使用这样一个编辑器的唯一原因是客户严格要求一个。如果您仍然选择使用此方法，则可能需要预处理用户输入。如果我有选择，我会使用Markdown。

[编辑：添加了一个示例]正如您在下面的html输出中所看到的，您所看到的并不总是得到的......

WYSIWYG示例：

降价示例：

Answer 5

我可能错了（如果我是，请告诉我），但我不相信TinyMCE或CKedit不进行编辑（也就是说，他们不使用contenteditable =“true”而不创建iframe） 。

据我所知，只有nicedit（http://nicedit.com/demos.php?demo=4）和谷歌关闭（http://closure-library.googlecode.com/svn/trunk/closure/goog/demos/editor/seamlessfield.html）能够内联编辑。

我希望我错了:) 干杯！

Answer 6

我会推荐TinyMCE。

编辑： @wajiw打败了我。好的迹象虽然。 ：）