WMD Editor, Rails, Compass: Как получить сгенерированный код Markdown Читайте как HTML и отображается как «Rich-Text»?
-
12-11-2019 - |
Вопрос
Мне очень нравится, что 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>
Есть идеи, почему это происходит?
Решение
Я выяснил решение.
Проблема заключалась в том, что сгенерированные стили компаса включают следующий сегмент кода:
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.Все хорошо сейчас ...