A lightweight DSL for HTML generation in PHP
PHP >= 5.3
<?php
require "lib.htmlgen.php";
$table_data = array(
"foo" => "bar",
"hello" => "world",
"123" => "456",
"abc" => "xyz"
);
h::set_indent_pattern(" ");
h::html(function(){
h::head(function(){
h::meta(array("http-equiv"=>"Content-Type", "content"=>"text/html; charset=UTF-8"));
h::link(array("rel"=>"stylesheet", "type"=>"text/css", "href"=>"global.css"));
});
h::body(function(){
h::div(array("id"=>"wrapper"), function(){
h::h1("Hello, World", array("class"=>"title"));
h::comment("navigation");
h::ul(array("class"=>"links"), function(){
foreach(array(1,2,3) as $x)
h::li(function() use($x){
h::a("Link {$x}", "#{$x}");
});
});
h::comment("let's see some text");
h::p("Lorem ipsum dolor sit amet, consectetur adipisicing elit...");
h::comment("now for a table");
h::table(function(){
# sadly, i'm not sure how to get around this at the moment :( help me make this awesome
global $table_data;
h::tr(array("class"=>"header"), function(){
h::th("key");
h::th("value");
});
foreach($table_data as $k => $v){
h::tr(array("class"=>h::cycle(array("odd", "even"))), function() use($k,$v){
h::td($k);
h::td($v);
});
}
});
});
});
});
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="global.css" />
</head>
<body>
<div id="wrapper">
<h1 class="title">Hello, World</h1>
<!-- navigation -->
<ul class="links">
<li>
<a href="#1">Link 1</a>
</li>
<li>
<a href="#2">Link 2</a>
</li>
<li>
<a href="#3">Link 3</a>
</li>
</ul>
<!-- let's see some text -->
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
<!-- now for a table -->
<table>
<tr class="header">
<th>key</th>
<th>value</th>
</tr>
<tr class="odd">
<td>foo</td>
<td>bar</td>
</tr>
<tr class="even">
<td>hello</td>
<td>world</td>
</tr>
<tr class="odd">
<td></td>
<td>456</td>
</tr>
<tr class="even">
<td>abc</td>
<td>xyz</td>
</tr>
</table>
</div>
</body>
</html>
$ cd htmlgen
$ php example.php
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent