Editor de armas de destrucción masiva, rieles, brújula:¿Cómo hacer que el código Markdown generado se lea como HTML y se muestre como 'texto enriquecido'?

Question

Me gusta bastante que WMD se esté comportando bien con mi aplicación.Sin embargo, tengo un problema.

Básicamente edito contenido y lo almaceno como descuento en mi base de datos.entonces uso Kramdown para obtener el HTML para las vistas.Sin embargo, Kramdown me proporciona las etiquetas HTML que mi navegador no lee.Yo uso Chrome.

Al desinfectarlo, se obtendrá un texto sin formato incluso cuando el usuario haya ingresado, p.negrita, cursiva, código, etc.

Entonces, la idea básica es hacer que el HTML generado se lea como HTML y como "texto enriquecido".

Al inspeccionar la fuente de salida, encuentro que si uso Kramdown::Document.new(text).to_html hay algunas " " citas que se presentan así: "<p> ...<em>..</em>.. </p>"

Estas citas ocultan el código HTML real después de las comillas... (supongo)

y con sanitize las comillas desaparecieron: <p> ...<em>..</em>.. </p> pero termino con texto plano.

¿Que me estoy perdiendo aqui?¿Puedo hacer que mi navegador vea que tengo negrita o cursiva en un párrafo, una imagen, etc.?

¿Debo usar kramdown o un descuento similar para los convertidores HMTL?

¡Muchas gracias!

ACTUALIZAR

Utilizo la brújula para mis hojas de estilo.Cuando se desinstala Compass, el editor WMD funciona bien y correctamente.Al parecer, por algunas razones, Compass oculta cualquier estilo, incluido el 'texto de prueba' en mi archivo application.html.erb, ¡pero aquellos creados con sus archivos parciales .scss!Me refiero, por ejemplo, al siguiente código, cuando está escrito en mi archivo application.html.erb, que no se muestra en negrita. <strong> test bold </strong>

¿Alguna idea de por qué sucede esto?

Answer 1

He descubierto la solución.

El problema fue que los estilos de brújula generados incluyen el siguiente segmento de código:

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
}

En mis hojas de estilo había ignorado incluir la clase .bp.Todo está bien ahora...