translate json(in CoffeeScript) to html/css
CoffeeScript
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
page
src
Cakefile
package.json
readme.md

readme.md

JSON2Page renders JSON to HTML

Usage

Add the page/json2page file to your HTML and use the json2page function.
Use it like this in CoffeeScript:

window.onload = ->
  mnt = q "#mnt"
  data =
    class: "border"
    $: [
      {
        class: "a"
        $: [
          "": "span", _: "inner text"
        ]
      }, {
        class: "a", $: [
          "": "span", _: "more text"
        ] 
      }
    ]
  log data
  mnt.innerHTML = json2page data

Or you can install that from NPM (you may need to add sudo):

npm install -g json2page

And use this in you node files:

render = require("json2page").json2page
render "data"

Syntax

An element is an object, it has attributes and names.
Empty key "" refers to an value reprecents the tag name.
Key _ refers an raw string as innerHTML.
Key $ refers to child elements. It's any array.
Other keys will be rendered to attributes.

Licence

MIT