asmundstavdahl/html

HTML made programatically

Maintainers

Details

github.com/asmundstavdahl/html-builder-php

Source

Issues

Installs: 42

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 2

Forks: 0

Open Issues: 0

3.0.0 2022-05-26 15:18 UTC

Requires

  • php: >=7.0

MIT 1a8a84f173f188185b3c7c3d8f57196835cb7e61

  • Åsmund Stavdahl <asmund.stavdahl.woop@gmail.com>

This package is not auto-updated.

Last update: 2024-04-26 00:36:47 UTC

README

Usage

composer require asmundstavdahl/html
<?php

require_once 'vendor/autoload.php';

use AsmundStavdahl\HTML;

# Include element function definitions
new HTML\Elements;

$nodeTree = HTML\HTML(["lang" => "en"],
  [ HTML\HEAD([],
    [ HTML\TITLE([], ["Test of html-builder"])
    , HTML\STYLE([], [
      "h1 { color: red; }
      .im-blue { color: lightblue; }"
      ])
    ])
  , HTML\BODY([],
    [ HTML\H1([], ["This is a test"])
    , HTML\P([],
      [ "Strings become text nodes."
      , HTML\BR()
      , HTML\TEXT("You can also be more explicit and make a text node using the TEXT function.")
      ])
    , HTML\LABEL(["for" => "test_input"], ["Test input"])
    , HTML\INPUT(["id" => "test_input", "type" => "text"])
    ])
  ]);

$htmlConfig = new HTML\HtmlConfig(
	true, # pretty formating with indentation
	"  "  # indent with two spaces
);
$html = $nodeTree->toHTML($htmlConfig);

The resulting $html would be this string:

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>
      Test of html-builder
    </title>
    <style>
      h1 { color: red; }
      .im-blue { color: lightblue; }
    </style>
  </head>
  <body>
    <h1>
      This is a test
    </h1>
    <p>
      Strings become text nodes.
      <br>
      You can also be more explicit and make a text node using the TEXT function&period;
    </p>
    <label for="test_input">Test input</label><input id="test_input" type="text">
  </body>
</html>