Rails中富文本编辑的最佳选项是什么?

时间:2008-10-13 14:13:01

标签: ruby-on-rails text-editor in-place

我想在表单上使用Rich Text Editing,以便让管理员更改说明。这样做的最佳选择是什么?

[更清楚 - 管理员是非技术性的,但可能想要控制一些格式而不使用标记或尽可能少的标记。我希望他们能够使用带有一些格式控件的RTE编辑内联所有AJAXy,然后提交并能够在不更改页面的情况下查看最终用户的说明。

关于插件的具体问题,我想知道哪些Rich Test Editing插件最适合在Rails中使用。最容易实现,最清晰的API,最简单的内联使用等等......]

7 个答案:

答案 0 :(得分:11)

对于Tumblon,我们从TinyMCE开始,但我们正在切换到雅虎的Rich Text Editor,因为TinyMCE的工作方式存在一些奇怪的问题,因为Rich Text Editor文档和默认的外观感觉很棒。

两者都很容易与Rails集成(毕竟它们只是JavaScript)。有插件,但你真的不需要插件。

答案 1 :(得分:6)

我过去经历过类似的挣扎,并且已经确定了YUI。不幸的是,YUI的结果(至少对我来说,并且不可否认,我匆匆而且从未重新考虑过),糟糕的HTML。

然后今晚,当我偶然发现这篇文章时,我发现了PunyMCE。它有两个很棒的东西:1)它非常轻巧(顾名思义),2)有一个已经为它创建的rails插件:github上的puny_mce。

文档很好,除了我忽略的一些事情/让我摸不着头脑:

  1. “使用”下有拼写错误,<% 产量:头%>应该<%=收益率 :head%>
  2. 如果您想使用更多 比基本工具栏,你需要 包括a)预先设置 配置文件或b)工具栏项目和 这些项目所需的插件 同时拨打include_puny_mce电话 和puny_mce电话。这使得 感觉 - include_puny_mce是 指示页面 它需要的javascripts,以及 puny_mce电话实际上正在建立 需要的javascript输出 生成丰富的编辑器。
  3. 以下是我举例说明的一个例子:

    <% content_for :head do %>
      <%= include_puny_mce :profiles => [:full] %>
    <% end %>
    
    <h1>New post</h1>
    
    <% form_for(@post) do |f| %>
     <%= f.error_messages %>
     <%= f.label :title, "Title" %><br />
     <%= f.text_field :title %><br />
     <%= f.label :content, "Post Content" %><br />
     <%= f.text_area :content, :cols => 100 %>
     <%= puny_mce 'post_content', 'post_content', :profile => :full %>
     <p>
         <%= f.submit 'Create' %>
     </p>
    <% end %>
    

    我希望这有帮助!

答案 2 :(得分:3)

我不确定我是否完全理解这个问题,但是如果你只是询问使用哪个编辑器,有很多选项,而且没有一个是Rails的问题 - 只需添加一个就可以使用它们中的任何一个一小段javascript到你的标记。可在此处找到精彩且最新的概述:http://bulletproofbox.com/web-based-rich-text-editors-compared/

答案 3 :(得分:2)

为Rails实现了许多模板化语言,它们为标记提供了相对简单的语法。我之前使用过RedCloth,是Textile(http://redcloth.org/)的宝石实现,而且非常好。像Liquid(http://www.liquidmarkup.org/)这样的东西更强大,允许模板实际包含内联的数据库信息。根据您的项目需求,两者都可能是合适的。

这两种解决方案都不能提供就地富文本编辑器,但在后端可能是一个简单的解决方案是一个很好的起点。如果你只是让管理员输入信息,我想他们不会被一个明文条目吓坏了。

答案 4 :(得分:2)

米兰答案中的链接被打破了。值得庆幸的是,Ajaxian.com对帖子进行了很好的总结,其中包含了帖子中所有各种RTE的链接及其评论。

链接:http://ajaxian.com/archives/richtexteditors-compared

答案 5 :(得分:1)

从Rails 6开始,Trix editor在Rails中本身受支持。

您可以在模型中使用简单的rich_text_area表单助手和has_rich_text

此处提供指南:https://edgeguides.rubyonrails.org/action_text_overview.html

答案 6 :(得分:0)

我知道这个威胁已经很老了,但几周前我遇到了一些好的选择,所以如果其他人像我一样面临同样的问题,我会给出更多的反应。所以我最喜欢的编辑器是Froalawysiwyg-editor,如果你使用的是rails),它看起来干净,易于处理并支持嵌入式视频,图片上传,文件上传,并且可以完全自定义到可以甚至让后端用户也很简单,不需要任何响应式开发知识就能将项目正确地放在页面上,以使他们完全响应。我们现在使用这个编辑器进行了多个项目,客户喜欢它。

文档令人满意,但如果您将它与Rails和Django等框架一起使用可能会更好(就像我们一样)。但我认为它每月都在改善。

另一个非常有前途的编辑器是Quillquill-rails如果你使用的是rails)。我们还没有将它用于项目,但正在尝试。一旦我们获得了更多经验,我们将在此处发布一些注释并SSC

最后,如果您想要执行或提供响应式前端编辑,您可能需要查看x-editable。查看演示 - 它非常整洁!