Editor WMD, trilhos, bússola:Como fazer com que o código Markdown gerado seja lido como HTML e exibido como 'rich-text'?

Question

Gosto bastante que o WMD esteja se comportando bem com meu aplicativo.No entanto, tenho um problema.

Basicamente eu edito o conteúdo e o armazeno como markdown no meu banco de dados.Então eu uso Kramdown para obter o HTML das visualizações.No entanto, o Kramdown me fornece as tags HTML que não são lidas pelo meu navegador.Eu uso o Chrome.

A higienização fornecerá um texto simples, mesmo quando o usuário tiver digitado, por exemplo.negrito, itálico, código etc.

Portanto, a ideia básica é fazer com que o HTML gerado seja lido como HTML e como 'rich-text'.

Inspecionando a fonte de saída, descobri que se eu usar Kramdown::Document.new(text).to_html existem algumas citações "" apresentadas assim: "<p> ...<em>..</em>.. </p>"

Essas aspas escondem o código HTML real após as aspas... (presumo)

e com sanitize as aspas desapareceram: <p> ...<em>..</em>.. </p> mas acabo com texto simples.

O que estou perdendo aqui?Posso fazer com que meu navegador veja que estou em negrito ou itálico, um parágrafo, uma imagem etc.

Devo usar kramdown ou markdown semelhante para conversores HTML?

Muito obrigado!

ATUALIZAR

Eu uso bússola para minhas folhas de estilo.Quando a bússola é desinstalada, o editor WMD funciona bem e corretamente.Por algumas razões, ao que parece, o compass oculta qualquer estilo, incluindo 'texto de teste' em meu arquivo application.html.erb, exceto aqueles criados com seus arquivos parciais .scss!Quero dizer, por exemplo, o código a seguir, quando escrito em meu arquivo application.html.erb, não é exibido em negrito. <strong> test bold </strong>

Alguma idéia de por que isso acontece?

Answer 1

Eu descobri a solução.

O problema era que os estilos de bússola gerados incluíam o seguinte 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
}

Nas minhas folhas de estilo, ignorei a inclusão da classe .bp.Tudo está bem agora...