【问题标题】:Summernote showing html markupSummernote 显示 html 标记
【发布时间】:2016-04-01 21:15:54
【问题描述】:

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

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

用于新建和编辑的代码:

<%= 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 %>

演出代码:

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

Javascript:

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

Summernote Rails 宝石:https://github.com/summernote/summernote-rails

【问题讨论】:

  • 创建/保存后,内容可能会以 html 格式保存到数据库中。也许您必须在输入字段上使用raw 输出。
  • 是的,它被保存为 html。 raw 和 html_safe 都没有区别。
  • 我最终选择了 Bootsy,而不是 github.com/volmer/bootsy
  • 这很奇怪。但很高兴您找到了解决方案。

标签: ruby-on-rails summernote


【解决方案1】:

我猜你需要在

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

如果是编辑

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

 });

【讨论】:

    【解决方案2】:

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

    <%= sanitize @course.corps %>
    

    感谢:https://gorails.com/episodes/trix-editor

    【讨论】:

      猜你喜欢
      • 2020-06-26
      • 2018-10-30
      • 2016-07-02
      • 2017-09-14
      • 2016-02-01
      • 2018-10-02
      • 2017-12-11
      • 2022-01-05
      • 2018-07-06
      相关资源
      最近更新 更多