将Redactor用作Ruby on Rails的WSIWYG编辑器

Question

我正在尝试向表单添加几个简单的所见即所得字段。最初，redactor工作得很好，但在此过程中，我丢失了工具栏。我认为不知何故，原始代码被团队中的其他成员覆盖了，但我不知道，我对Git也不太满意，不能回去检查。

这是用edit_content.html.erb编写的

<div id="edit_form">

     <fieldset>
         <span><legend><%= @category.title.capitalize %> Content</legend></span>
             <div class="field">
                 <%= f.label :statement %> <br />
                 <%= f.text_area :statement, rows: 10, cols: 80, :class=>'redactor_text' %>
             </div>

             <div class="field">
                  <%= f.label :quote %> <br />
                  <%= f.text_area :quote, row: 10, cols: 80, :class=>'redactor_text' %>
             </div>

    </fieldset>
</div>

这位于assets\javascripts\redactor-rails\config.js中

 $('.redactor').redactor(
   { "imageUpload":"/redactor_rails/pictures?" + params,
     "imageGetJson":"/redactor_rails/pictures",
     "fileUpload":"/redactor_rails/documents?" + params,
     "fileGetJson":"/redactor_rails/documents",
     "path":"/assets/redactor-rails",
     "css":"style.css"
  });
$('.redactor_text').redactor(
  { buttons: ["html", "|", "formatting", "|", "bold", "italic", "underline", "deleted", "|",
   "unorderedlist", "orderedlist", "outdent", "indent", "|", "image", "video", "file", "link", "table", "|",
   "fontcolor", "backcolor", "|", "alignment", "|", "horizontalrule"]
});

我最初选择redactor是因为我听说它可以与回形针一起工作，我想稍后使用那个功能，所以在这个问题上的任何帮助都将非常感谢！

Answer 1

也许你能做到？

var buttons = ["html", "|", "formatting", "|", "bold", "italic", "underline", "deleted", "|",
   "unorderedlist", "orderedlist", "outdent", "indent", "|", "image", "video", "file", "link", "table", "|",
   "fontcolor", "backcolor", "|", "alignment", "|", "horizontalrule"];

 $('.redactor').redactor(
   { "imageUpload":"/redactor_rails/pictures?" + params,
     "imageGetJson":"/redactor_rails/pictures",
     "fileUpload":"/redactor_rails/documents?" + params,
     "fileGetJson":"/redactor_rails/documents",
     "path":"/assets/redactor-rails",
     "css":"style.css",
     "buttons": buttons

  });

你怎么想的？

Answer 2

如果你想让redactor正确显示，你的类应该是redactor，而不是redactor-text。

... :class=>' redactor redactor_text' %>

我目前正在努力使用自定义按钮来定制工具栏。但我希望我的答案有助于让工具栏再次显示。