如何在HTML div中包装我的降价?

我使用 MarkEd实现 GitHub flavoured markdown.

我有一些工作降价:

## 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,这是设计的.从Inline HTML部分的Markdown参考:

Note that Markdown formatting Syntax is not processed within block-level HTML tags. E.g.,you can’t use Markdown-style emphasis inside an HTML block.

但是明确允许跨级别标签

Unlike block-level HTML tags,Markdown Syntax is processed within span-level tags.

所以,根据你的用例,你可能会使用span而不是div.

commonmark

如果您使用的库实现了CommonMark,那么你很幸运.示例108109的规范表明,如果在HTML块和降价代码之间保持空行,则内容将被解析为Markdown:

<div>

*Emphasized* text.

</div>

应该工作,而不应该:

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

而且,再次根据参考文献中的相同部分,一些实现会识别HTML标签上的额外markdown = 1属性,以便在其中解析Markdown.

虽然在StackOverflow中似乎还没有起作用:

测试** Markdown **在红色背景div内.

相关文章

Mip是什么意思以及作用有哪些
怎么测试Mip页面运行情况
MIP安装的具体步骤有哪些
HTML添加超链接、锚点的方法及作用详解(附视频)
MIP的规则有哪些
Mip轮播图组件中的重要属性讲解