WMD Editor、Rails、Compass:生成されたマークダウンコードをHTMLとして読み込み、「リッチテキスト」として表示されますか?
-
12-11-2019 - |
質問
私はその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または類似のマークダウンを使用する必要がありますか?
たくさんありがとう!
更新
スタイルシートにコンパスを使用します。コンパスがアンインストールされているとき、WMDエディタは正しく機能します。いくつかの理由で、コンパスは私のapplication.html.erbファイルに「テストテキスト」を含むスタイルを非表示ですが、その.scss partialsファイルを使用して作成されたもの!たとえば、application.html.erbファイルに書かれたときの次のコードは太字として表示されません。 <strong> test bold </strong>
なぜこれが起こるのか?
解決
私は解決策を考え出しました。
問題は、生成されたコンパススタイルに次のコードセグメントが含まれていることです。
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
}
.
私のスタイルシートの中で、.bpクラスを含めることは無視されました。すべてが今良いです...