我正在使用实现GitHub风格的markdown的MarkEd。

我有一些工作降价：

## Test heading
a paragraph.
## second heading
another paragraph

哪个创建：

<h2 id="test-heading">Test heading</h2>
<p>a paragraph.</p>
<h2 id="second-heading">second heading</h2>
<p>another paragraph</p>

我想将markdown部分包装在div中，例如：

<div class="blog-post">
## Test heading
a paragraph.
## second heading
another paragraph
</div>

但是，这将返回以下HTML：

<div class="blog-post">
## Test heading
a paragraph.
## second heading
another paragraph
</div>

例如，没有降价，在HTML中实际上是“ ##测试标题”。

如何正确地将降价包装在div中？

我发现以下解决方法，但是它很丑陋，而不是实际的解决方法：

<div class="blog-post">
<div></div>

## Test heading
a paragraph.
## second heading
another paragraph

</div>

降价促销

对于Markdown，这是设计使然。在Markdown参考的“内联HTML”部分中：

请注意，Markdown格式语法不会在块级HTML标记中处理。例如，您不能在HTML块内使用Markdown样式的强调。

但是明确允许跨度级别的标签：

与块级HTML标记不同，Markdown语法在跨度级标记内处理。

因此，根据您的用例，您可能会使用aspan代替a div。

通用商标

如果您使用的库实现CommonMark，那么您很幸运。规范的示例108和109显示，如果在HTML块和markdown代码之间留空行，则内容将被解析为Markdown：

<div>

*Emphasized* text.

</div>

应该起作用，而以下情况不起作用：

<div>
*Emphasized* text.
</div>

并且，再次根据参考资料中的同一部分，某些实现会识别markdown=1HTML标记上的其他属性，以实现对其内部Markdown的解析。

虽然它似乎在StackOverflow中还不起作用：

GitHub Pages支持markdown="1"在HTML元素内部解析markdown的属性，例如

<div class="tip" markdown="1">Have **fun!**</div>

注意：从2019/03开始，这不适用于github.com，仅适用于GitHub Pages。

注意：markdown="1" HTML5不需要引号，如中所示，但如果您不使用引号（markdown=1），则GitHub不会将其识别为HTML。此外，目前支持还很有限。如果您的HTML元素大于单个段落，则可能会得到错误的输出。例如，由于错误，我无法在Mark内嵌入Markdown列表。

如果您发现自己处于markdown="1"无法使用但span可以使用的环境中，则可以使用另一种选择，以<span style="display:block">使块级类与之兼容，例如

<span style="display:block" class="note">It **works!**</span>

提示： <span class="note"></span>比短<div class="note" markdown="1"></div>，因此如果您控制CSS，则可能更喜欢使用<span>并添加display: block;到CSS中。

需要Markdown Extra才能在HTML块中进行Markdown格式化，请查看此处说明的文档-> https://michelf.ca/projects/php-markdown/extra/

Markdown Extra提供了一种将Markdown格式的文本放入任何块级标签中的方法。您可以通过将markdown属性添加到值为1的标记来实现此目的，即markdown =“ 1”

不得已的选择：

一些库可能区分大小写。

尝试<DIV>而不是，<div>看看会发生什么。

Markdownsharp具有此特性-尽管在StackOverflow上它们仍然剥离所有DIV，所以不要指望它在这里起作用。

通过查看扩展标记的文档并修改html渲染器方法，您可以执行类似的操作，以使用解析的markdown替换标记之间的部分。我尚未进行广泛的测试，但是在最初的几次尝试中都奏效了。

const marked = require('marked');
const renderer = new marked.Renderer();
renderer.html = (mixedContent) => mixedContent.replace(/[^<>]+?(?=<)/g, (match) => {
    const tokens = marked.lexer(match);
    return marked.parser(tokens);
});

编辑

这个新的正则表达式将确保仅解析其与html标记之间带有行的markdown。

const marked = require('marked');
const renderer = new marked.Renderer();
renderer.html = (mixedContent) => mixedContent.replace(/\n\n[^<>]+?\n\n(?=<)/g, (match) => {
    const tokens = marked.lexer(match);
    return marked.parser(tokens);
});