锚元素在 HAML 中弄乱了 HTML答案

【问题标题】：Anchor element messes up HTML in HAML锚元素在 HAML 中弄乱了 HTML
【发布时间】：2015-04-21 03:12:55
【问题描述】：

由于某种原因，这里的 HAML 代码

.text
  %h3= h user.username
  %a.account= "just a test"

翻译为：

<div class="text">
  <a href="http://myapp:3000/user12">
    <h3>dijkstra</h3>
  </a>
  <a>just a test</a>
</div>

显然，我不希望锚标记使用我尚未输入的 URL 获取一些随机的其他锚标记并包装 h3 元素。我该如何解决这个问题？

【问题讨论】：

%h3= h user.username中的那个h是什么
@Sontya，语法是 Haml，%h 用于 html h 标签，= 用于编写 ruby 代码。你可以从这里学习 Haml - github.com/haml/haml
@SharvyAhmed - 我已经用 Haml 编码了，我知道。 %h3 是 html 中的 h3，这就是我在答案中发布更正代码的原因。我问的是你可以在上面看到的额外 h
@Sontya，对不起，我错了，我的错！请不要被冒犯。 :)
@Sontya 我认为是html_escape 助手的快捷方式（但user.username 应该默认转义，所以可能是多余的）

【解决方案1】：

你可以使用视图辅助方法link_to，我假设你使用的是Rails

.text
  %h3= user.username
  = link_to 'Just a test', root_url, class: 'account'

你可以得到完整的参考here

【讨论】：

【解决方案2】：

试试这个

.text
    %h3= user.username
    just a test

【讨论】：