Javascript js在空白处分割HTML字体

js将一个HTML属性拆分为多个HTML属性和空白。如何保持属性不变

要渲染的对象（宽度包含空格）

要使用的模板

<div class={{width}}>
</div>

错误的结果（Mustache.js在空白处分割属性）：

预期结果（我想保留属性中的空白）

您是否有获得预期结果的解决方案

---

谢谢你的帮助。

这不是小胡子的错。您的模板将呈现为：

<div class=col-md-offset-3 col-md-6 col-sm-4>
</div>

注意类名周围没有引号。浏览器可以在内部将其转换为您看到的内容（我猜您正在检查浏览器开发工具中生成的数据）

如果要将类名分组为单个类属性值，则模板应在变量周围包含引号：

<div class="{{width}}">
</div>

---

Mustach（大部分）不知道使用它的上下文，因此它不知道如果值包含空格，HTML中的属性应该用引号括起来。因此，您需要自己添加它们。

这不是小胡子的错。您的模板将呈现为：

<div class=col-md-offset-3 col-md-6 col-sm-4>
</div>

注意类名周围没有引号。浏览器可以在内部将其转换为您看到的内容（我猜您正在检查浏览器开发工具中生成的数据）

如果要将类名分组为单个类属性值，则模板应在变量周围包含引号：

<div class="{{width}}">
</div>

---

Mustach（大部分）不知道使用它的上下文，因此它不知道如果值包含空格，HTML中的属性应该用引号括起来。因此，您需要自己添加它们。

不熟悉Mustache.js，但ejs示例的工作原理如下：

<div class="<%= preRendData.class %>"></div>

因此，请使用引号尝试您的代码：

<div class="{{width}}">

---

不熟悉Mustache.js，但ejs的工作原理如下：

<div class="<%= preRendData.class %>"></div>

因此，请使用引号尝试您的代码：

<div class="{{width}}">

试试三重胡须：

{{{{width}}

。这可以防止HTML转义，如果用作

{{{width}

请尝试使用三重胡须：

{{{width}}

。这可以防止HTML转义，如果将其用作

{{width}

您是否尝试过

class=“{{width}}”

，并使用引号？@FrédéricHamidi:谢谢，这是对我问题的好答案！你试过带引号的

class=“{{width}}”

吗？@FrédéricHamidi:谢谢你，这是我问题的好答案！没关系！我忘记了我所有胡子模板中的引号。我以为胡子上加了引号，但这是错误的想法。谢谢你的回答，没关系！我忘记了我所有胡子模板中的引号。我以为胡子上加了引号，但这是错误的想法。谢谢你的回答。