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

Question

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

示例是：

h1
-- hello
span
    -- Diego!

输出：

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

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

输出：

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

Answer 1

如果空白很重要，我建议使用非简洁的语法，因为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会在默认情况下删除尾随空格） ）。

希望对你有用。