logo标签列表

Rails中的所见即所得编辑器宝石？

ruby-on-railsrubyrubygems
18

有没有一个很好的 Ruby 宝石来实现所见即所得编辑器，并且可以轻松地与 Rails 应用程序搭配使用？

12个回答
24
尽管这并不是一个直接的答案，但过去我发现我更喜欢使用RedCloth(或者如果你不喜欢Textile，则使用Markdown解析器)，并使用一个简单的带有AJAX预览的文本区域。一般来说，所见即所得编辑器长期以来一直在创建冗余标签和类似的内容，导致可能出现破碎的HTML代码。
3
我强烈建议至少考虑使用 Textile 作为解决方案。对于许多情况来说，任何足够复杂需要使用所见即所得编辑器的东西也足够复杂，以至于所见即所得编辑器效果不佳。 - Cody Hatch
你能推荐一个与Textile搭配使用的编辑器吗？ - Joshua Partogi
9

虽然我知道这个问题已经有答案了，但是我想补充一下关于使用 textile 的事情... 我完全同意，但是我建议在 before_save 过滤器中处理它。假设你有一个名为 "details" 的数据库字段 - 只需添加一个名为 "details_html" 的字段。然后像这样做...

before_save :convert_details

def convert_details
  return if self.details.nil?
  self.details_html = RedCloth.new(self.details).to_html
end

RedCloth 可能会比较耗费资源，如果你在每次渲染时都对它进行处理，就会遇到一些内存问题 ... 这只是有助于降低一些所需资源。

9
2010年的更新。我刚刚在一个Rails应用程序中使用了tinyMCE gem实现TinyMCE。您可以在此处找到它：http://github.com/kete/tiny_mce。只用了不到5分钟，在我的基本测试中，它运行完美。2010年6月有一次提交，看起来这是一个积极开发的gem。希望对一些搜索者有所帮助。
6
一个类似的问题：Rails最好的所见即所得编辑器 - Ruby on Rails Blog 我也在这里粘贴了我的解决方案。
我强烈建议您尝试使用WYSIHAT。上述编辑器最大的问题是它们庞大而且难以定制。大多数编辑器中的坏代码让人望而却步。WYSIHAT更像是一个WYSIWYG编辑器的框架。非常易于定制。易于配置。更重要的是，它由37signals支持。我欣赏TinyMCE的从Word中粘贴功能，因为它可以保留布局。但如果没有那个功能，我发现其余部分非常庞大。
请阅读这篇文章：http://37signals.com/svn/posts/1330-introducing-wysihat-an-eventually-better-open-source-wysiwyg-editor 使用WYSIHAT的教程：第1部分：http://jrmehle.com/2009/01/25/wysiwhat-wysihat-part-1/ 第2部分：http://jrmehle.com/2009/02/13/wysiwhat-wysihat-part-2/ 为了让您的生活更加轻松，Jeff Kreeftmeijer（80beans.com）开发了一个令人惊叹的Rails引擎，用于37signals WYSIHAT编辑器：http://github.com/80beans/wysihat-engine 这是Jeff Kreeftmeijer的一篇文章：http://www.80beans.com/2009/10/01/wysihat-engine/
6

我不确定是否有Ruby宝石可以使用，但是TinyMCE是一个可定制的、通常很稳定的所见即所得编辑器，非常容易与任何项目集成。我已经使用过多次。

4
3
2

有一个插件可以在rails中使用TinyMCE，关于此的详细信息请参考rails wiki。

Rails Wiki上的链接已损坏或已过时。 - ChuckB
1

+1 对于 FCKEditor - 有一个很棒的 Rails 插件包含了一些辅助方法。不过它通常过于臃肿，因为它包含了所有功能。在许多情况下，像 jQuery 的所见即所得编辑器这样的简单工具更适合用来包装文本区输入。

0

我在使用CKEditor (gem "ckeditor")时遇到了一些问题.. 我设法让它在本地机器上工作，但是在尝试将其部署到Heroku时遇到了很多问题.. 似乎代码太重了，不能在Heroku上自动预编译代码... 这意味着它相当无用...

编辑： 解决方案：确保在部署到Heroku之前预编译JavaScript。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接