提问人:Southern.Cross 提问时间:11/11/2023 更新时间:11/11/2023 访问量:18
如何在 Markdown 中制作多个具有不同样式的重叠注释/标记
How to make multiple overlapping annotations/markings, with different styles, in markdown
问:
我想知道是否有办法在 Markdown 中注释/标记文本,如下图所示,
有两种不同颜色的突出显示和第三种颜色的下划线样式。这三个注释/标记也重叠。
这在 Markdown 中可能吗?如果没有,是否可以使用任何其他简单的标记语言?
答:
1赞
Chris
11/11/2023
#1
Markdown 不支持这样的东西。这是一种非常简单的语言。
HTML 是 Markdown 中的一等公民,它让你更接近。但是,由于 HTML 不允许错误嵌套的标签,因此要可靠地获得所需的结果,您必须显式启动和停止每个样式组合。
例如:
document.querySelectorAll(".md").forEach(function(e) {
e.innerHTML = marked.parse(e.innerHTML);
});
* {
font-size: x-large;
line-height: 1.4em;
}
.bg-yellow {
background-color: #fef3c0;
}
.bg-orange {
background-color: #ffe3c5;
}
.u-purple {
text-decoration: underline #9f56ff;
text-decoration-thickness: 2px;
}
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<div class="md">
<span class="bg-yellow">If water comes directly from a good,
</span><span class="bg-yellow u-purple">pretreated source, then no additional purification is needed;
</span><span class="u-purple"> otherwise, pretreat water before use.
</span><span class="u-purple bg-orange">Store water in
sturdy,</span><span class="bg-orange"> leak-proof, breakage-resistant containers.</span>
Consider using plastic bottles commonly...
</div>
请注意,我确保在适当的情况下将每个都塞在前面的前面,以避免无样式的空格。<span>
</span>
不是很方便,但如果你正在生成HTML,肯定是可能的。
评论