tei187/php-html-builder

Generating HTML output.

Maintainers

Details

github.com/tei187/php-html-builder

Source

Issues

Installs: 31

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 1

Forks: 0

Open Issues: 0

dev-master 2023-08-08 07:02 UTC

Requires

Requires (Dev)

MIT 9073b21713c00617f1043e0639aabf1a98995daf

  • tei187 <bonk.piotr.woop@gmail.com>

This package is auto-updated.

Last update: 2024-05-08 08:26:04 UTC

README

About

Scripts meant to help out with organizing HTML tag building through PHP, for a rather specific one case but makes sense enough to try out, if you really don't want/need Twig :D

Features:

  • Basic HTML builder (content, forms, all the parts of HEAD you tend to google for),
  • Bootstrap equivalent builder,
  • Constants for Charset, Doctype and Vocabularies,
  • OpenGraph handling: namespaces, default types, Twitter.

Installation

Composer

    composer require tei187/php-html-builder

Examples

Basic HTML

Input:

    use tei187\HTMLBuilder\Constants\Charset;
    use tei187\HTMLBuilder\HTML;
    use tei187\HTMLBuilder\Head;
    use tei187\HTMLBuilder\OpenGraph;
    use tei187\HTMLBuilder\OpenGraph\Prefixes;
    
    echo
        HTML::Doctype() . 
        HTML::Html( [ 'prefix' => Prefixes::og, 'lang' => "en-US" ],
            HTML::Head(
                Head::Charset( Charset::UTF8 ) . 
                Head::Title("Testing page") . 
                OpenGraph::Type('website') . 
                OpenGraph::Url('localhost') . 
                OpenGraph::SiteName("Testing page") .
                OpenGraph::Description("Just a testing page for HTML builder based on PHP") . 
                Head::StyleSheet("/assets/css/style.min.css")
            ) . 
            HTML::Body( [ 'class' => "main" ], 
                HTML::Heading( 1, [ 'class' => 'text-red' ], "Hello World!" ) .
                HTML::Paragraph( [], "Paragraph example" )
            )
        );

Output:

<!DOCTYPE html>
<html prefix='og: http://ogp.me/ns#' lang='en-US'>
    <head>
        <meta charset='UTF-8'/>
        <title>Testing page</title>
        <meta property='og:type' content='website'/>
        <meta property='og:url' content='localhost'/>
        <meta property='og:site_name' content='Testing page'/>
        <meta property='og:description' content='Just a testing page for HTML builder based on PHP'/>
        <link rel='stylesheet' href='/assets/css/style.min.css'/>
    </head>
    <body class='main'>
        <h1 class='text-red'>Hello World!</h1>
        <p>Paragraph example</p>
    </body>
</html>

Bootstrap

Input:

    use tei187\HTMLBuilder\HTML;
    use tei187\HTMLBuilder\Head;
    use tei187\HTMLBuilders\Bootstrap;

    echo
        HTML::Doctype() .
        HTML::Html([], 
            HTML::Head(
                Head::Charset() .
                Head::Viewport() . 
                Head::Title("Bootstrap Example") .
                Head::StyleSheet(
                    "https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css", 
                    null,
                    [ 
                        'integrity' => "sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65", 
                        'crossorigin' => "anonymous",
                    ]
                )
            ) . 
            HTML::Body([], 
                Bootstrap::Container([], 
                    HTML::Heading(1, [], "Heading") . 
                    Bootstrap::Row([], 
                        Bootstrap::Col(['class' => 'col-12 col-md-6'],
                            HTML::Image(['alt' => 'Image alternative text'], "/assets/img/image.jpg") . 
                            HTML::Paragraph([], "Paragraph")
                        )
                    )
                ) . 
                HTML::Script(
                    [
                        'src' => "https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js",
                        'integrity' => "sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4",
                        'crossorigin' => "anonymous",
                    ]
                )
            )
        );

Output:

<!DOCTYPE html>
<html>
    <head>
        <meta charset='UTF-8'/>
        <meta name='viewport' content='width=device-width, initial-scale=1'/>
        <title>Bootstrap Example</title>
        <link rel='stylesheet' 
              href='https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css' 
              integrity='sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65' 
              crossorigin='anonymous' />
    </head>
    <body>
        <div class='container'>
            <h1>Heading</h1>
            <div class='row'>
                <div class='col col-12 col-md-6'>
                    <img src='/assets/img/image.jpg' alt='Image alternative text'/>
                    <p>Paragraph</p>
                </div>
            </div>
        </div>
        <script src='https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js' 
                integrity='sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4' 
                crossorigin='anonymous'></script>
    </body>
</html>

Requires


Author