WMD Editor、Rails、Compass:生成されたマークダウンコードをHTMLとして読み込み、「リッチテキスト」として表示されますか?

StackOverflow https://stackoverflow.com/questions/8981170

  •  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クラスを含めることは無視されました。すべてが今良いです...

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top