Is there a way to create dom with zen coding?

Question

For example I want to write this JS code

$(document).ready(function() {
    var parent = $('#mydiv');
    var data = {somekey: 'Hello world!'};
    parent.append(zen('table>tr>td.someClass{somekey}', data));
});

with the following results:

<div id="mydiv">
    <table>
        <tr>
            <td class="someClass">
                Hello wolrd!
            </td>
        </tr>
    </table>
</div>

Are there any JS libraries?

score 2 · Accepted Answer · answered Oct 24 '12 at 12:39

2

here's a jQuery plugin that does what you are locking for: https://github.com/zodoz/jquery-ZenCoding

answered Oct 24 '12 at 12:39

lrsjng

2,615
1
19
23

score 1 · Answer 2 · answered Aug 14 '13 at 08:32

1

Here's a pure js one: https://github.com/Sjeiti/zen. It's really just a wrapper for Emmet (so no unimplemented syntax issues).

answered Aug 14 '13 at 08:32

Sjeiti

2,468
1
31
33

Is there a way to create dom with zen coding?

2 Answers2