WMD Editor, Rails, Compass: Как получить сгенерированный код Markdown Читайте как HTML и отображается как «Rich-Text»?

Question

Мне очень нравится, что WMD ведет себя хорошо с моим приложением. Однако у меня есть одна проблема.

В основном я редактирую контент и хранит его как markdown в моей базе данных. Затем я использую kraamdown , чтобы получить HTML для видов. Однако Kramdown получает мне теги HTML, которые не читают моим браузером. Я использую Chrome.

Дезинзирование Это даст простой текст, даже когда пользователь ввел E.g. смелый, курсивый, код и т. Д.

Таким образом, основная идея состоит в том, чтобы получить сгенерированный HTML читать как HTML и как «Rich-Text».

Осмотр источника выходного сигнала, я обнаружил, что если я использую Kramdown::Document.new(text).to_html, есть некоторые «котировки», как это представит: "<p> ...<em>..</em>.. </p>"

Эти цитаты скрывают действительно HTML-код после кавычек ... (я предполагаю)

и с дезинфекцией кавычки ушли: <p> ...<em>..</em>.. </p>, но я в конечном итоге с простой текстом.

Что я здесь не хватает? Могу ли я сделать мой браузер увидеть, что у меня есть смелый, или у меня есть курсив, абзац, изображение и т. Д. ...

Должен ли я использовать kramdown или аналогичную установку до преобразователей HMTL?

Большое спасибо!

<Сильное> Обновление

Я использую компас для моих стилей. Когда компас удален, WMD редактор работает нормально и правильно. По некоторым причинам, кажется, компас скрывает любые стили, включая «Test Text» в моем файле Application.HTML.ERB, но те, которые создаются с помощью файлов Partials. Я имею в виду, например, следующий код, когда написано в моем файле Application.html.erb, не отображается как жирный. <strong> test bold </strong>

Есть идеи, почему это происходит?

Answer 1

Я выяснил решение.

Проблема заключалась в том, что сгенерированные стили компаса включают следующий сегмент кода:

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.Все хорошо сейчас ...