2016-07-23 154 views
0

我正在使用rails 5製作博客網站。但是我想創建動態文章,我可以在其中添加標題,圖像等等。我發現了CKEditor。我已經將CKEditor編入我的表單<%= f.cktext_area :body, ckeditor: { language: 'en', uiColor: '#F0F0F0', toolbar: 'mini'} %>,它非常棒!正如我打算的那樣,它爲我的文章添加了文本。CKEditor:文本以html格式顯示

我唯一的問題是它以html格式顯示。下面的圖片是我製作的示例文章。這是我希望我的帖子在我提交之後的樣子。

enter image description here

這裏是問題。這是上圖中的確切結果。當我保存我的帖子時,這就是我所看到的。

<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生成看起來像圖像中的帖子。

回答

2

嘗試使用<%= raw(object.body)%>

+0

OMG!你是一個拯救生命的人。我在這花了很多時間。 – GVS