Summernote显示html标记

时间:2015-12-28 00:50:22

标签: ruby-on-rails summernote

我在Rails应用程序中遇到了Summernote的问题。我已将其附加到文本区域,并可使用方法和表单成功创建标记文档。然后我可以使用 simple_format

显示标记的文档

但是当我编辑文档时,标记会在文档中显示为文本,请参阅附图。我究竟做错了什么? enter image description here

用于新建和编辑的代码:

<%= simple_form_for(@article) do |f| %>
  <%= f.error_notification %>

  <div class="form-inputs">
    <%= f.input :article %>
    <div class="form-group">
      <%= f.input :article_body, input_html: { class: 'summernote' } %>
    </div>
    <%= f.input :status, collection: enum_option_pairs(Article, :status) %>
  </div>

  <div class="form-actions">
    <%= f.button :submit %>
  </div>
<% end %>

用于show的代码:

  <%= simple_format(@article.article_body) %>

使用Javascript:

$(document).ready(function() {
  $('.summernote').summernote({
    height: 120
   });
 });

Summernote Rails gem:https://github.com/summernote/summernote-rails

2 个答案:

答案 0 :(得分:0)

我想你需要

$(document).ready(function() {
  $('.summernote').summernote({
    height: 120
   });
  

如果是编辑

$(".summernote").summernote("code", your server variable to string);

 });

答案 1 :(得分:0)

只需在调用变量之前添加方法清理。 以应用的样式显示课程的示例:

<%= sanitize @course.corps %>

https://gorails.com/episodes/trix-editor的信用额