CKEditor：テキストはhtml形式で表示されます

Question

私はブログのウェブサイトを5つのレールで作っています。しかし、私はヘッダー、画像などを追加できる動的な記事を作っていました。私はCKEditorを発見しました。私は<%= f.cktext_area :body, ckeditor: { language: 'en', uiColor: '#F0F0F0', toolbar: 'mini'} %>のフォームにCKEditorをコーディングしました。私の意図と同じように、私の投稿の本文にテキストを追加します。

私の唯一の問題は、HTML形式で表示されていることです。下の画像は私が作ったサンプル投稿です。これは私が提出した後で私の投稿を見たいのです。

そしてここで問題です。これは上の画像の正確な結果です。投稿を保存すると、これが表示されます。

<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に画像のようなポストを生成させる方法を教えてください。

Answer 1

お試しください。<%= raw(object.body)%>