Editor WMD, rotaie, bussola: come ottenere il codice di markdown generato Leggi come HTML e visualizzato come "Rich-Text"?
-
12-11-2019 - |
Domanda
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?
Soluzione
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 ...