Question

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

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

谢谢！

Answer 1

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

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

CKEditor，前FCKeditor，是最受欢迎的WYSIWYG编辑之一。

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。

Answer 3

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

Answer 4

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

Answer 5

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

上查看编辑器

好Rails 3 WYSIWYG编辑器？

5 个答案: