Редактор WMD, рельсы, компас: как получить сгенерированный код Markdown, читаемый как HTML и отображаемый как 'rich-text'? - PullRequest
Новая
       35

Редактор WMD, рельсы, компас: как получить сгенерированный код Markdown, читаемый как HTML и отображаемый как 'rich-text'?

0 голосов
/ 24 января 2012

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

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

Дезинфекция даст простой текст, даже если пользователь ввел, например, жирный, курсив, код и т. д.

Таким образом, основная идея состоит в том, чтобы сгенерированный HTML читался как HTML и как 'rich-text'.

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

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

и с санитарной обработкой кавычки пропали: <p> ...<em>..</em>.. </p> но я получаю простой текст.

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

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

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

UPDATE

Я использую компас для своих таблиц стилей. При удалении компаса редактор WMD работает нормально и корректно. По некоторым причинам, кажется, компас скрывает любые стили, включая «тестовый текст» в моем файле application.html.erb, но не те, которые созданы с его файлами .scss partials! Например, следующий код, написанный в моем файле application.html.erb, не отображается жирным шрифтом. <strong> test bold </strong>

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

1 Ответ

1 голос
/ 13 февраля 2012

Я нашел решение.

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

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учебный класс.Все хорошо сейчас ...

...