html-helpers

0.0.2 • Public • Published

html-helpers

Install

$ npm install html-helpers

Usage

The examples here are Express and EJS, but the underlying functions are just string manipulation and are completely template/framework-agnostic. :)

// Express 3
app.locals.html = require("html-helpers");
// Express 2
app.helpers("html", require("html-helpers"));

// view.ejs
<%- html.tag("h1", "My Page Title"); %>
<h1>My Page Title</h1>

<%- html.form.begin("/login", { "class": "form-horizontal", method: "post" }) %>
<form action="/login" class="form-horizontal" method="post">
    <%- form.label("Username", { for: "login-username" }) %>
    <label for="login-username">Username</label>
    <%- form.text("username", { id: "login-username" }) %>
    <input id="login-username" name="username" type="text">

    <%- form.label("Password", { for: "login-password" }) %>
    <label for="login-password">Password</label>
    <%- form.password("pass", { id: "login-password" }) %>
    <input id="login-password" name="pass" type="password">

    <%- html.button("Log In", { type: "submit" }) %>
    <button type="submit">Log In</button>
<%- form.end() %>
</form>

Change Log

0.0.1 Initial Release

/html-helpers/

    Package Sidebar

    Install

    npm i html-helpers

    Weekly Downloads

    6

    Version

    0.0.2

    License

    MIT

    Last publish

    Collaborators

    • dominicbarnes