CKEditor：文本以html格式显示

Question

我正在 rails 5 中制作一个博客网站。但是我想创建动态文章，我可以在其中添加 headers、图片等。我发现了 CKEditor。我已经将 CKEditor 编码到我的表单中，<%= f.cktext_area :body, ckeditor: { language: 'en', uiColor: '#F0F0F0', toolbar: 'mini'} %> 并且效果很好！它按照我的意图将文本添加到我的 post 的 body。

我遇到的唯一问题是它以 html 格式显示。下图是我制作的示例post。这就是我希望我的 post 在提交后如何处理。

这就是问题所在。这是上图的确切结果。当我保存 post 时，这就是我所看到的。

    <p><span style="font-size:18px">A nice header</span></p>

<p>Lorem ipsum dolor sit amet, et eam lorem assum nihil, oportere erroribus mei no. At ius errem utamur, est nonumes consectetuer necessitatibus te. Cum et sumo nulla aliquid. Eos summo nihil no. Iusto inermis no qui.</p>

    <p>Agam dicat mediocrem et vel, augue consulatu disputationi nam eu, vel id mentitum invidunt. Te assum accumsan nam, nam in recteque ullamcorper. Vix ei vitae labores legimus. Ea vis saepe meliore salutatus, usu an homero quaerendum disputationi. Eu menandri mediocritatem pri.</p>

    <hr />
    <p><img alt="" src="https://static01.nyt.com/images/2016/07/23/us/politics/23fd-campaign/23fd-campaign-master768.jpg" style="height:512px; width:768px" /></p>

    <hr />
    <p>Vim minim nonumy et, quodsi pertinax at pro, eu audiam facilisi cotidieque vel. Ius no quis probatus, ad eam equidem repudiare vulputate, no eos ponderum incorrupte. Cu delenit torquatos cum, at aperiam vocibus sit. Nec euismod incorrupte et.</p>

    <p>Sit et molestie insolens oportere, dicam laudem no mel, et soleat vituperatoribus ius. In vix justo doming admodum, duo choro verear utamur an. Qui ut fugit atomorum, duo agam virtute et. Eam te nobis aliquando instructior, vix ancillae accusamus no. Nisl lucilius percipitur at pri, duo ne probo salutandi conceptam. Sed magna iudicabit forensibus ex, sed ne maiorum neglegentur.</p>

    <p>Eu vix vidit convenire, pro id lorem aliquid quaerendum. Enim lobortis no mei, labore putant delectus et qui, ad solum petentium interesset nam. Pro virtute utroque debitis et, mei eu case blandit omittantur, id sed graecis abhorreant. Sed inimicus consequat id, choro commune ad cum, per dicat laudem phaedrum te.</p>

如何让 CKEditor 生成 post 看起来像图像中的那个。

Answer 1

尝试使用 <%= raw(object.body)%>

CKEditor：文本以html格式显示

CKEditor: Text is displayed in html format

ruby-on-rails

ckeditor