html2haml does not handle metadata embedded in class attribute or child element #6

norman · 2012-06-25T19:33:04Z

Note: this was originally reported by @goneflyin as haml/haml#416.

The jQuery Metadata Plugin supports storage of meta in classes, random attributes, child elements and HTML5 data attributes. Two of these techniques work in haml, but storing the metadata in the class attribute, or in a child element, does not convert into proper haml. Because html2haml assumes all data within the class attribute is intended to be used as such.

Using the sample HTML from the plugin's web page, I've produced the following example.

> cat orig.html                                                                                                               
<html>
  <body>
    <ul>
      <li class="someclass {some: 'data'} anotherclass">...</li>
      <li data="{some:'random', json: 'data'}">...</li>
      <li>
        <script type="data">{some:"json",data:true}</script>...</li>
      <li data-some="'random'" data-json="'data'">...</li>
    </ul>
  </body>
</html>

> html2haml orig.html                                                                                                         
%html
  %body
    %ul
      %li.someclass.anotherclass{:class => "{some: 'data'}"} ...
      %li{:data => "{some:'random', json: 'data'}"} ...
      %li
        %script{:type => "data"}> {some:"json",data:true}
        \...
      %li{"data-json" => "'data'", "data-some" => "'random'"} ...

> html2haml orig.html | haml                                                                                                  
<html>
  <body>
    <ul>
      <li class="'data'} anotherclass someclass {some:">...</li>
      <li data="{some:'random', json: 'data'}">...</li>
      <li><script type='data'>{some:"json",data:true}</script>...
      </li>
      <li data-json="'data'" data-some="'random'">...</li>
    </ul>
  </body>
</html>

norman mentioned this issue Jun 25, 2012

html2haml does not handle metadata embedded in class attribute or child element haml/haml#416

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

html2haml does not handle metadata embedded in class attribute or child element #6

html2haml does not handle metadata embedded in class attribute or child element #6

norman commented Jun 25, 2012

html2haml does not handle metadata embedded in class attribute or child element #6

html2haml does not handle metadata embedded in class attribute or child element #6

Comments

norman commented Jun 25, 2012