tbone

A simple library to generate valid HTML markup.

npm install tbone
8 downloads in the last week
16 downloads in the last month

build status

TBone

TBone is an small JavaScript library for generating valid HTML. It is based on an article by Jason Grosman, "Behind the Code: Avoiding Spaghetti". As of version 0.2.x it has been re-written as a YUI module (mostly so I can learn YUI's toolchain :-)

Examples

NodeJS/Mongo Shell example

sample-0.js

    var YUI = require("yui").YUI;

    YUI().use("tbone", function (Y) {
        var TBone = Y.TBone,
            markup = new TBone.HTML();

        // Displaying an HTML 5 valid HTML page.
        Y.log(markup.html(
            markup.head(
                markup.title("Hello World")
            ),
            markup.body(
                markup.h1("Hello World")
            )
        ));
    });

sample-1.js

    YUI().use("tbone", function (Y) {
        var TBone = Y.TBone,
            markup = new TBone.HTML();

        //
        // Generate a simple HTML page.
        //
        var markup = new TBone.HTML(),
            page_source = tbone.html(
                markup.head(
                    "<!-- Test comment -->",
                    markup.title("Simple 0")
                ),
                markup.body(
                    markup.h1("Sample 0"),
                    markup.p("Hello World")
                )
            );

        // Display it
        Y.log(page_source);
    });

sample-2.js

    YUI().use("tbone", function (Y) {
        var TBone = require("tbone");

        //
        // Generate a simple HTML page.
        //
        var markup = new TBone.HTML(),
            page_source = markup.html(
                markup.head(
                    markup.title("Simple 1")
                ),
                markup.body(
                    markup.h1("Sample 1").attr({"class": "banner"}),
                    markup.p("Hello Again World").attr({"class": "content"})
                )
            );

        // Display it
        Y.log(page_source);
npm loves you