嗨,请你帮帮忙。
我不断到处寻找这个,但没有成功。
设定: - 带有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>
希望有人可以提供帮助。 谢谢,非常感谢。
答案 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正确显示内容,并根据按钮状态隐藏打开和关闭内容