marko - 使用 MarkoJS 简洁标记允许内联元素中的空格

Question

我们在新项目中使用 MarkoJS。我喜欢简洁的 scrypts，但在 MarkoJS 中，它们似乎修剪了所有可能的空间。

例子是：

h1
-- hello
span
    -- Diego!

输出：

<h1>Hello<span>Diego!</span></h1>

此输出与 HAML 的尾随修剪命令“<”非常相似。即使在阅读了文档之后，我也找不到一种方法来保留使用简洁 lang 定义的任何内联元素，而不是像这样修剪尾随空格：

输出：

<h1>Hello <span>Diego!</span> </h1>

score 1 · Accepted Answer

在空格很重要的地方，我建议使用非简洁语法，因为 Marko 允许您混合和匹配 HTML 语法和简洁语法。例如：

div -- This is concise
<h1>Hello <span>Diego!</span> </h1>
div -- Back to concise

这将产生以下输出：

<div>This is concise</div>
<h1>Hello <span>Diego!</span> </h1>
<div>Back to concise</div>

这是另一种选择：

div -- This is concise
h1 -- Hello <span>Diego!</span>
div -- Back to concise

但是，这会产生略有不同的输出，可能是也可能不是您正在寻找的输出：

<div>This is concise</div>
<h1>Hello <span>Diego!</span></h1>
<div>Back to concise</div>

FWIW，在源文件中留下尾随空格通常不是一个好主意，因为对于只查看文本的人来说意图并不明显（某些编辑器，如 Atom 默认情况下会在保存时去掉尾随空格）。

希望这对你有用。

1 回答 1