好的 Rails 3 所见即所得编辑器？ [关闭]答案

【问题标题】：good Rails 3 WYSIWYG editor? [closed]好的 Rails 3 所见即所得编辑器？ [关闭]
【发布时间】：2011-01-04 13:18:17
【问题描述】：

我希望在我的应用中添加一个编辑器，类似于 Stackoverflow 上的那个。我真的只需要一些基本的格式（行距、粗体、项目符号等）和区分代码的能力（与 SO 相同的样式）。

谁知道有什么好的解决方案？

谢谢！

【问题讨论】：

【解决方案1】：

tinyMCE、NicEdit、WYMeditor 和 Redactor 是可能的选项。 StackOverflow 本身使用 WMD 编辑器，但很难找到它的最新存储库。如果你使用 Twitter 的 Bootstrap 框架，那么bootstrap-wysihtml5 是一个不错的选择。

对于 TinyMCE，有合适的 Ruby gem 可以促进 Rails 中的集成，即 tinymce-rails 和 tinymce-rails-imageupload。

CKEditor，前 FCKeditor，是最受欢迎的所见即所得编辑器之一。

【讨论】：

【解决方案2】：

我建议使用tinyMCE

使用简单，只需添加即可 <%= f.text_area :body, :rows => 20, :cols => 100, value: @some_object.body ? @some_object.body : '' %>

并在该页面本身上使用此内联脚本：

<script type="text/javascript">
  tinyMCE.init({
    mode: 'textareas',
    theme: 'advanced',
    theme_advanced_toolbar_location : "top",
    theme_advanced_buttons1 : "bold,italic,underline,separator,justifyleft,justifycenter,justifyright, justifyfull,forecolor,backcolor,formatselect,fontselect,fontsizeselect, link,unlink, image"
  });
</script>

如前所述，您只需要基本格式，因此只需更改 theme_advanced_buttons。

【讨论】：

使用 tinyMCE 实现这一目标的更简单方法是使用 gem github.com/spohlenz/tinymce-rails

【解决方案3】：

我绝对会敦促您尝试Wysihat-Engine。它解决了我为我的应用程序找到一个简单的所见即所得编辑器的问题。它是无缝的，如果您使用回形针则更是如此。它是 37signals 编写的“WYSIHAT”的包装。

【讨论】：

不错，但是这个编辑器有很多问题，也很难自定义。
仅供参考，37signals 的 Wysihat 取决于 Prototype (!) 的魔力。除非您使用 Prototype (!)，否则这不是您要寻找的 Wysiwyg 编辑器。

【解决方案4】：

您可以使用任何通用的 javascript WYSIWYG 库。这里是 WMD Editor，它支持 Markdown，您可以使用 Bluecloth 2 从 Rails 应用程序中渲染。

【讨论】：

【解决方案5】：

试试这个 ruby on rails 插件：https://github.com/kete/tiny_mce 它非常强大且易于实现。在http://tinymce.moxiecode.com/查看编辑器

【讨论】：