在 HTML 渲染期间删除第一行块，标记解析器

Question

我正在使用标记来解析降价内容。在渲染过程中，我得到了块中每个 post 的第一行。如何摆脱它？

图像：将第一行显示为块

https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js

我正在使用 jQuery 1.12.4（缩小版）

<script   src="https://code.jquery.com/jquery-2.2.4.min.js"   integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="   crossorigin="anonymous"></script>

我正在使用 class = "content-markdown" 以允许 javascript 找到要解析的内容。

<script type="text/javascript">
    $(document).ready(function(){
        $(".content-markdown").each(function(){
            var raw_content = $(this).text()
            var marked_content = marked(raw_content)
            $(this).html(marked_content)
        })
    })
</script>

内容：

<div class = "content-markdown">
    <p> {{post.body|safe}} </p> 
</div>

Answer 1

您在 <p> {{post.body|safe}} </p> 中有 前导 space，这会在 markdown 中创建 <pre>。

尝试删除它：<p>{{post.body|safe}}</p>

在 HTML 渲染期间删除第一行块，标记解析器

Remove the first-line block during HTML rendering by marked, a markdown parser

html

javascript

django

markdown

jquery