WMDエディタ、レール、コンパス：生成されたMarkdownコードをHTMLとして読み込み、「リッチテキスト」として表示するにはどうすればよいですか？

Question

私はWMDが自分のアプリでうまく動作していることを大変好んでいます。しかし、私には1つの問題があります。

基本的に私はコンテンツを編集し、データベースにマークダウンとして保存します。次に、Kramdownを使用してビューのHTMLを取得します。しかし、Kramdownは自分のブラウザでは読めないHTMLタグを私に渡します。私はChromeを使用しています。

これをサニタイズすると、ユーザーが入力した場合でもプレーンテキストが表示されます。太字、イタリック体、コードなどです。

基本的な考え方は、生成されたHTMLをHTMLと「リッチテキスト」として読み込むことです。出力ソースを点検

、私はKramdown::Document.new(text).to_htmlそこを使用する場合、いくつかの「」引用符は次のように紹介されていることを見つける："<p> ...<em>..</em>.. </p>"

これらの引用符は、引用符の後に、実際にHTMLコードを隠す...（私は仮定）

サニタイズで引用符がなくなった：<p> ...<em>..</em>.. </p>しかし、私はプレーンテキストで終わる。

私はここで何が欠けていますか？私はブラウザに私が太字であることを見せてもらうか、またはイタリック、段落、イメージなどを持っていますか？

HMTLコンバータにはkramdownまたは同様のマークダウンを使用する必要がありますか？

ありがとうございます！

UPDATE

私は私のスタイルシートのためのコンパスを使用しています。コンパスがアンインストールされると、WMDエディタは正常に動作します。いくつかの理由から、compassはapplication.html.erbファイルに 'test text'を含むスタイルは隠していますが、.scss partialsファイルで作成したものは隠しているようです。例えば、次のコードは、application.html.erbファイルに書かれているときに太字で表示されません。 <strong> test bold </strong>

これが起こる理由はありますか？

Answer 1

私は解決策を考え出しました。私は.BPクラスが含まれるように無視していた私のスタイルシートで

body.bp { 
    @include blueprint-typography(true); 
    @include blueprint-utilities; 
    @include blueprint-debug; 
    @include blueprint-interaction; 
    // Remove the scaffolding when you're ready to start doing visual design. 
    // Or leave it in if you're happy with how blueprint looks out-of-the-box 
} 

：

問題が発生したコンパスのスタイルは、次のコードセグメントが含まれていることでした。すべて今はいいです...