HAML中工具提示的元素的Title属性中的HTML

Question

我正在开发使用ruby和haml开发的应用程序，现在我需要在元素上显示工具提示，并且工具提示还将包含图像，因此该工具提示将是HTML。

我的HTML结构的工具提示就像

<li><a href="www.example.com" class='empty-space-tooltip' title='<img src="images/info.png" width="300" height="150" alt="Info" />'>
    <img src="images/info.png" width="16" height="16" alt="Info" /></a>
    <a href="www.example.com" class="main-link" title='<img src="images/info.png" width="300" height="150" alt="Info" />'><span>Title</span></a></li>

我如何尝试在HAML中编写代码

%li 
   %a{:href => "#/", :title => '%img{alt: "", height: "150", src: "images/info.png", width: "300"}/'} Send
   %a{:href => "#/", :title => '%img{alt: "", height: "150", src: "images/info.png", width: "300"}/'} Title

Answer 1

使用htmltohaml.com并删除所有反斜杠：

%li
  %a.empty-space-tooltip{:href => "www.example.com", :title => "<img src="images/info.png" width="300" height="150" alt="Info" />"}
    %img{:alt => "Info", :height => "16", :src => "images/info.png", :width => "16"}/
  %a.main-link{:href => "www.example.com", :title => "<img src="images/info.png" width="300" height="150" alt="Info" />"}
    %span Title