javascript - CodeMirror 可以显示 Markdown 换行符吗？

Question

Markdown 模式下的 CodeMirror 可以被告知显示换行符吗？

示例:这里是一个带有 2 个尾随空格的 Markdown 行，意思是“我想要一个换行符”。然后是没有尾随空格的另一行，这意味着“请不要换行”。但是，由于尾随空格是不可见的，我发现如果可以绘制 ¶ 或 ↵ 以指示将插入新行，这会很有帮助。

Roses are flowers  ↵
Violets are also flowers
and wise mice slice rice

这将呈现为:

Roses are flowers
Violets are also flowers and wise mice slice rice

Answer 1

下面是一个简单的叠加层，它将设置尾随空格的样式:

editorInstance.addOverlay({
  token: function(stream) {
    if (stream.match(/^\s+$/)) return "trailing-whitespace";
    stream.match(/^\s*\S*/);
    return null;
  }
});

然后添加这样的 CSS 规则以使其实际可见:

.cm-trailing-whitespace { color: #f80; text-decoration: underline; }