Summernote 显示 html 标记

Question

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

显示标记的文档

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

用于新建和编辑的代码：

<%= 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 gem：https://github.com/summernote/summernote-rails

Answer 1

我猜你需要在

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

如果是编辑

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

 });

Answer 2

在调用变量之前简单地添加方法 sanitize。 使用应用样式显示课程的示例：

<%= sanitize @course.corps %>

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

Answer 3

如果你使用textarea或input，你可以直接输入如下值。这里我使用 textarea 作为 summernote 节点。

<textarea id="summernote" name="content">
  <%- locals.data.content %>
</textarea>