主页 / coding / 问题 / 77461344
Accepted
Southern.Cross
Asked: 2023-11-11 00:00:39 +0800 CST

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

  • 772

我想知道是否有一种方法可以在 Markdown 中注释/标记文本，如下图所示，

在此输入图像描述

有两种不同颜色的高光和第三种颜色的下划线样式。三个注释/标记也重叠。

这在 Markdown 中可能吗？如果没有，是否可以使用其他简单的标记语言？

markdown

1 个回答

  1. Best Answer

    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，当然是可能的。

    • 1

相关问题