我是 Contentful 的客户成功经理 -

您可以在我们的常见问题解答中按语言查看推荐的解析器列表。

此外，请随时通过我们的用户界面通过点击“与我们交谈”链接在对讲机上向我们发送消息:)

我知道我迟到了，但这是使用把手的解决方案：

var marked = require('marked');
marked.setOptions({
  renderer: new marked.Renderer(),
  sanitize: true,
  smartLists: true,
  smartypants: true
});

//Home
router.get('/', (req, res) => {
  client.getEntry('<ENTRY_ID>')
  .then( (entry)=> {
    entry.fields.body = marked(entry.fields.body);
    res.render('static/index',
     {
       entry: entry,
       user: req.user
     });
  }).catch( (err) => {
    console.log(err);
  })
});

然后在我们的 index.hbs 模板中，我们可以在这种情况下调用 markdown 变量（entry.fields.body），通过使用 {{{}}} 来防止转义。

{{{entry.fields.body}}}

我使用过 ReactMarkdown module：如果你还有一个 React 应用程序：https : //github.com/rexxars/react-markdown

例子： npm install --save react-markdown

const React = require('react')
const ReactDOM = require('react-dom')
const ReactMarkdown = require('react-markdown')

const input = '# This is a header\n\nAnd this is a paragraph'

ReactDOM.render(
  <ReactMarkdown source={input} />,
  document.getElementById('container')
)

我正在通过props传递降价并在我的子组件中使用这个module。

这是我使用 React 的方式：

class NewsDetail extends React.Component {
    render() {
        const body = marked(this.props.body || "");
        return (
                <div className="news-detail">
                <h2>{this.props.title}</h2>
                <div dangerouslySetInnerHTML={ { __html: body } }></div>
                </div>
        );
    }
}

Markdown 内容存储在NewsDetail标签的 body 属性中（通过一个将内容数据结构映射到我的应用程序结构的简短函数）。

HTML 页面有这个脚本标签来拉入marked函数：

<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js"></script>