How do I make use of CoffeeKup when writing jQuery

Question

I am quite new to web development and have started programming with node.js & express and using the coffeekup view engine. My problem is the following:

If I use the CoffeeKup view engine can I somehow insert coffeeKup code as a parameter to the jquery append method?!? So for example instead of writing $('body').append('<p>') I can write $('body').append('p') or $('body').append(p) or something similar. I want the compiler to somehow preprocess my coffee code...

This does not appear to have anything to do with coffeescript. Please elaborate and retag if I'm wrong. — Aaron Dufour, Apr 02 '12 at 19:46
@AaronDufour coffeekup is markup language based on coffeescript, so it's indirectly related. — Rudolf Meijering, Jul 18 '12 at 11:02

score 2 · Answer 1 · answered Jul 18 '12 at 11:01

There's examples of what you are trying to achieve in the examples/browser directory of the coffeekup source. Maurice calls your specific flavour of client-side (browser) coffeekup creme.

The gist of it is that you include coffeekup and coffeescript libraries and write your template in a js file or in a script element. The following is from the creme/index.html file.

<script src="http://jashkenas.github.com/coffee-script/extras/coffee-script.js"></script>
<script src="coffeekup.js"></script>

<script type="text/coffeescript">
  stooges = ['moe', 'larry', 'curly']

  $().ready ->
    codey = ->
      h2 'Template as a function'

      ul ->
        for guy in @stooges
          li guy

    $('body').append CoffeeKup.render(codey, stooges: stooges)
</script>

How do I make use of CoffeeKup when writing jQuery

1 Answers1