WMD 编辑器、导轨、指南针：如何将生成的 Markdown 代码读取为 HTML 并显示为“富文本”？答案

【问题标题】：WMD editor, rails, compass : How to get the generated Markdown code read as HTML and displayed as 'rich-text'?WMD 编辑器、导轨、指南针：如何将生成的 Markdown 代码读取为 HTML 并显示为“富文本”？
【发布时间】：2012-01-24 01:54:18
【问题描述】：

我非常喜欢 WMD 在我的应用程序中表现良好。但是，我有一个问题。

基本上我编辑内容并将其作为降价存储在我的数据库中。然后我使用Kramdown 来获取视图的 HTML。然而，Kramdown 为我提供了浏览器无法读取的 HTML 标签。我使用 Chrome。

即使用户输入了例如粗体、斜体、代码等。

所以基本的想法是将生成的 HTML 读取为 HTML 和“富文本”。

检查输出源，我发现如果我使用Kramdown::Document.new(text).to_html，有一些“”引号是这样引入的：" ....... "

这些引号隐藏了引号后面真正的 HTML 代码......（我假设）

清理后引号消失了： .......  但我最终得到的是纯文本。

我在这里缺少什么？我可以让我的浏览器看到我有粗体，或者我有斜体、段落、图像等...

我必须对 HMTL 转换器使用 kramdown 或类似的降价吗？

非常感谢！

更新

我在样式表中使用指南针。卸载指南针后，WMD 编辑器可以正常工作。由于某些原因，compass 似乎隐藏了我的 application.html.erb 文件中的任何样式，包括“测试文本”，但使用其 .scss 部分文件创建的样式！我的意思是，例如，在我的 application.html.erb 文件中编写的以下代码不会显示为粗体。  test bold 

任何想法为什么会发生这种情况？

【问题讨论】：

标签： ruby-on-rails wmd-editor

【解决方案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 类。现在一切都很好......

【讨论】：