RoR - 带有ckEditor的ActiveAdmin显示html标签

时间:2017-03-03 04:40:37

标签: ruby-on-rails ckeditor activeadmin

嗨,请你帮帮忙。

我不断到处寻找这个,但没有成功。

设定: - 带有ckEditor的ActiveAdmin文章(博客文章)

问题: - 我可以在ckeditor的正文中输入文字和图像,但是当我转到articles.html页面时,它会吐出所有的html标签和源代码。

Article.rb(在活跃的管理员下)

permit_params:title,:banner,:article_icon,:introduction,:body,

:section
  form do |f|
    f.semantic_errors *f.object.errors.keys
    f.inputs do
      input :title
      input :banner, :required => true, :as => :file
      input :article_icon, :required => true, :as => :file
      input :introduction
      input :body, :as => :ckeditor
      input :section, as: :select, collection:Article.sections.keys
      # input :format_text
    end
    actions
  end

development.rb

config.assets.precompile += %w( ckeditor/* )

active_admin.rb的初始化程序

config.register_javascript 'ckeditor/init.js'

的Gemfile

gem 'activeadmin_ckeditor'

Article.html

  <% article_id = "article-id-#{article.id}" %>
        <div class="col-md-12"> 
            <input type="checkbox" class="read-more-state" id="<%= article_id %>" />
            <p class="read-more-wrap"><span class="read-more-target"><%= article.body %></span></p>
            <label for="<%= article_id %>" class="read-more-trigger"></label>

        </div>

(文章。应该没有标签显示) 我还上传了一张图片,这是显示的内容。

<p>body content goes here<img alt="" src="/ckeditor_assets/pictures/1/content_proportionspace_fabioaraujo.jpg" style="width: 800px; height: 450px;" /></p>
  • 如何删除它以使其显示没有标签和src图像?
  • 还试过rake预编译(但是我的public / cdkeditor_assets只有一个图片子文件夹)不应该有更多的文件夹和资产吗?

希望有人可以提供帮助。 谢谢,非常感谢。

2 个答案:

答案 0 :(得分:0)

您必须使用.html_safe呈现html标记

    <div class="col-md-12"> 
        <input type="checkbox" class="read-more-state" id="<%= article_id %>" />
        <p class="read-more-wrap"><span class="read-more-target"><%= article.body.html_safe %></span></p>
        <label for="<%= article_id %>" class="read-more-trigger"></label>

    </div>

形象的事,我不知道。

答案 1 :(得分:0)

这个问题是通过将js用于按钮类操作而不是内联html和css操作来解决'read-more-state'。

使用html_safe正确显示内容,并根据按钮状态隐藏打开和关闭内容