❤
npm
Sign UpSign In

b-html-plus

0.3.0 • Public • Published

b-html-plus

A template language based on b-html.

It is also an example for b-html's format option.

Usage

import assert from 'assert';
import bHtml from 'b-html-plus';
 
let source = `<ul
  <li
    @b-repeat user in users
    @b-text user.name
`;
let template = bHtml(source);
let context = {
  users: [
    { name: 'bouzuya' },
    { name: 'emanon001' }
  ]
};
let html = template(context);
assert(html === '<ul><li>bouzuya</li><li>emanon001</li></ul>');

Syntax

  • b-attr <attrs> ... attributes (e.g. @b-attr width: w, height: h)
  • b-html <html> ... innerHTML (e.g. @b-html html)
  • b-if <condition> ... remove tree if condition is falsy (e.g. @b-if show)
  • b-repeat <item> in <list> ... repeat (e.g. @b-repeat user in users)
  • b-text <text> ... innerText (e.g. @b-html text)

License

MIT

Author

bouzuya <m@bouzuya.net> (http://bouzuya.net)

/b-html-plus/

    Package Sidebar

    Install

    npm i b-html-plus

    Repository

    github.com/bouzuya/b-html-plus

    Homepage

    github.com/bouzuya/b-html-plus#readme

    Weekly Downloads

    1

    Version

    0.3.0

    License

    MIT

    Last publish

    Collaborators

    • bouzuya
    Try on RunKit
    Report malware