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

【问题标题】：Allow spaces in inline elements with MarkoJS concise markup使用 MarkoJS 简洁标记允许内联元素中的空格
【发布时间】：2018-06-09 06:56:58
【问题描述】：

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

例子是：

h1
-- hello
span
    -- Diego!

输出：

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

此输出与 HAML 的尾随修剪命令“

输出：

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

【问题讨论】：

标签： marko

【解决方案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 默认情况下会在保存时去掉尾随空格)。

希望对你有用。

【讨论】：