javascript - 在Django视图中将markdown从文件传递到模板

Question

我正在尝试从我的 Django 视图中传递 *.md 文件的内容，以便使用 Showdown（下面的 JS 代码）进行渲染，但我得到 Uncaught SyntaxError: Invalid or unexpected token：：

var converter = new showdown.Converter({
    'github_flavouring': true,
    'tables': true
});
var convert = function() {
    $('#preview').html(converter.makeHtml($('{{markdown}}')));
};
convert();

Answer 1

我通常更喜欢使用隐藏的 div 来包含我的降价数据：

<div id="markdown" style="display:none;">
    {{markdown}}
</div>

然后你可以在你的 JavaScript 代码中引用它，如下所示：

var converter = new showdown.Converter({
    'github_flavouring': true,
    'tables': true
});
var convert = function() {
    $('#preview').html(converter.makeHtml($('#markdown').text()));
};
convert();

---

[编辑] 对于 ES6，您还可以尝试使用反引号 (`) 来封装您的降价数据，这将使其成为多行字符串，但由于降价使用反引号来突出显示代码，这会导致问题（除非您确定你的降价数据中永远不会有代码块）。