好用的Rails 3所支持的所见即所得编辑器？

Question

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

有人知道任何好的解决方案吗？

谢谢！

- Elliot

Answer 1

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

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

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

- 0x4a6f4672

Answer 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即可。

- prasad_g

---

使用tinyMCE实现这一点的更简单的方法是使用gem https://github.com/spohlenz/tinymce-rails。 - fotanus

Answer 3

我强烈建议您尝试Wysihat-Engine。它解决了我在应用程序中寻找简单所见即所得编辑器的问题。它非常流畅，特别是如果您正在使用paperclip。它是37signals编写的“WYSIHAT”包装器。

- Shreyas

---

这个编辑器还不错，但是有很多问题，而且很难自定义。 - fivetwentysix

37signals的Wysihat依赖于Prototype（！）来实现其功能。除非您使用Prototype（！），否则这不是您要寻找的所见即所得编辑器。 - Joshua Pinter

Answer 4

您可以使用任何通用的JavaScript所见即所得编辑库。这里有WMD Editor，它支持Markdown，您可以使用Bluecloth 2从Rails应用程序中呈现。

- Dogbert

Answer 5

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

- bavaga