Writing HTML layout/template within javascript bookmarklet

Question

I have a bookmarklet which creates a UI for the user to interact with. Currently, I have been using $('<element>').addClass().css({..});, but that becomes hard to maintain. Is there a better way to do this?

I have also tried doing something like

var html = "<div class='someclass'>";
html += "<more html/>";
html += "</div>"

Which is also incredibly hard to maintain. Is there a way I can write html within javascript, or a library like jade that i can use WITHIN a javascript bookmarklet?

score 1 · Answer 1 · answered May 21 '13 at 20:08

1

Yes, there is a Domain Specific Language implementation in JavaScript to allow you to write more expressive HTML in JavaScript called Pithy.

Please remember that writing large amounts in Pithy is maybe not a good idea and you rather want to use a proper client side templating engine such as DustJS or many others.

answered May 21 '13 at 20:08

Bjoern Rennhak

6,766
1
16
21

templating engines seem to be the opposite of what I want, really. they seem to be var $.template("
%somestuff
", myvar) and %somestuff is replaced with myvar. I just want to write markup. – Stephen K May 21 '13 at 20:11
What you want is pithy then as I wrote. – Bjoern Rennhak May 21 '13 at 20:22

Writing HTML layout/template within javascript bookmarklet

1 Answers1

%somestuff