如何在 Markdown 中制作多个具有不同样式的重叠注释/标记

How to make multiple overlapping annotations/markings, with different styles, in markdown

提问人:Southern.Cross 提问时间:11/11/2023 更新时间:11/11/2023 访问量:18

问:

我想知道是否有办法在 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,肯定是可能的。