Editor WMD, rotaie, bussola: come ottenere il codice di markdown generato Leggi come HTML e visualizzato come "Rich-Text"?

Question

Mi piace così che WMD si comporta bene con la mia app. Tuttavia, ho un problema.

Fondamentalmente modifico il contenuto e lo memorizza come Markdown nel mio database. Quindi uso kramdown per ottenere l'html per le viste. Tuttavia Kramdown mi ha messo i tag HTML che non vengono letti dal mio browser. Io uso Chrome.

Sanificazione Darerà un semplice testo anche quando l'utente è entrato ad es. Grassetto, corsivo, codice ecc.

Quindi l'idea di base è ottenere l'HTML generato Leggi come HTML e come "Rich-Text".

Ispezione della sorgente di uscita, trovo che se utilizzo Kramdown::Document.new(text).to_html ci sono alcune "Quotazioni introducenti come questa: "<p> ...<em>..</em>.. </p>"

Queste citazioni nascondono il codice realmente HTML dopo le citazioni ... (ASSUME)

E con sanitizzare le virgolette sono sparite: <p> ...<em>..</em>.. </p> ma finisco con testo semplice.

Cosa mi manca qui? Posso far vedere il mio browser che ho audace, o ho il corsivo, un paragrafo, un'immagine ecc ...

Devo usare Kramdown o Markdown simile ai convertitori HMTL?

Grazie mille!

Aggiornamento

Io uso bussola per i miei stili. Quando la bussola è installata WMD Editor funziona bene e correttamente. Per alcune ragioni, sembra, Bussola nasconde eventuali stili tra cui "Testo del test" nel mio file Application.html.erb, ma quelli creati con i suoi file parziali .SCSS! Voglio dire ad esempio il seguente codice quando scritto nel mio file application.html.erb non viene visualizzato come grassetto. <strong> test bold </strong>

Qualche idea Perché questo accade?

Answer 1

Ho capito la soluzione.

Il problema era che gli stili della bussola generati includono il seguente segmento di codice:

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
}

.

Nei miei fogli di stili avevo ignorato per includere la classe .BP.Tutto è buono ora ...