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

前端之家收集整理的这篇文章主要介绍了如何在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内.

原文链接:https://www.f2er.com/html/230582.html

猜你在找的HTML相关文章