april1-html

0.1.1 • Public • Published

April1-HTML

HTML April1 extension.

Example template:

var template = A.template (
	A.DOCTYPE,
	A.html (
		A.head (
			A.title (A.insert ('title'))
		),
		A.body (
			A.h1 (A.insert ('title')),
			A.p ('Hello, World.'),
			A.h1 ('List:'),
			A.ul (
				A.list (
					'items',
					A.li (
						A.id (A.insert ('id')),
						A.p (
							A.insert ('text'),
							A.img (
								A.inClass ('item image'),
								A.src (
									'/img/',
									A.insert ('id')
								)
							)
						)
					)
				)
			)
		)
	)
);

Example values:

var values = {
	title: 'Test',
	items: [
		{ id: 'item_1', text: 'This is the first item.' },
		{ id: 'item_2', text: 'This is the second item.' }
	]
};

Generate string:

var result = A.string (template, values);

Result:

<!DOCTYPE html>
<html><head><title>Test</title></head>
<body><h1>Test</h1><p>Hello, World.</p><h1>List:</h1><ul>
<li id="item_1"><p>This is the first item.
<img class="item image" src="/img/item_1"/></p></li>
<li id="item_2"><p>This is the second item.
<img class="item image" src="/img/item_2"/></p></li>
</ul></body></html>

Note that no extra whitespace is added to output. Actual result has no line breaks, unless explicitly added with \n.

Readme

Keywords

none

Package Sidebar

Install

npm i april1-html

Weekly Downloads

4

Version

0.1.1

License

none

Last publish

Collaborators

  • roboterhund87