微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在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内.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。