Custom PHP HTML Parser: Process HTML to replace it with parameter values

Recommend this page to a friend!

Download .zip

Info

Documentation

Demos

View files (598)

Download .zip

Reputation

Support forum

Blog (1)

Links

Last Updated		Ratings				Unique User Downloads		Download Rankings
2022-11-02 (2 months ago)		Not yet rated by the users				Total: 37		All time: 10,580 This week: 270

Version		License		PHP version		Categories
`htmlparser` 1.0.5		The PHP License		5		HTML, PHP 5, Templates, Parsers

Description Author

This package can process HTML to replace it with parameter values.

It can take a string with HTML tags and processes it by finding marks with a specific format that identifies the places in the string that it will replace with values taken from an array of parameters.

The package can also support unique tags that identify literal PHP code that will not be changed while processing the HTML tags.

The package returns the HTML string after replacing the unique tags as the result of the processing task.

Cedric Maenetja

Performance

Level

Name:	Cedric Maenetja `<contact>`
Classes:	3 packages by Cedric Maenetja
Country:	South Africa

Level 1

Innovation award

Nominee: 1x

Winner: 1x

Details

HTMLParser

This package can process HTML to replace it with parameter values.

It can take a string with HTML tags and processes it by finding marks with a specific format that identifies the places in the string that it will replace with values taken from an array of parameters.

The package can also support unique tags that identify literal PHP code that will not be changed while processing the HTML tags.

The package returns the HTML string after replacing the unique tags as the result of the processing task.

Demo

https://permanentlink.co.za/HTMLParser/editor/index

Documentation

https://permanentlink.co.za/HTMLParser/documentation/

Usage

require ('HTMLParser/HTMLParser.php');

$htmlparser = new App\Custom\HTMLParser (file_get_contents ('index.html'), $data);
$htmlstring = $htmlparser->GetSubstitutedString(); // get the parsed html string

// check for errors
if (App\Custom\Error::IsAnError ($htmlstring))
{
    // handle error
    // $htmlstring->GetError(); // gets error message
    // $htmlstring->GetErrorCode(); // gets error code
}

echo $htmlstring;

Parameters Explained

$htmlstring the actual html string

<!DOCTYPE html>
<html>
<head>
    <style>
        table {
            font-family: arial, sans-serif;
            border-collapse: collapse;
            width: 100%;
        }

        td,
        th {
            border: 1px solid #dddddd;
            text-align: left;
            padding: 8px;
        }

        tr:nth-child(even) {
            background-color: #dddddd;
        }
    </style>
</head>
<body>

    <!--php-code
        return ('{clients.total}' > 0) ? '<h2>List of Clients {clients.total}</h2>' : '<h2>No Records!</h2>';
    endcode-->

    <table>
        <tr>
            <th>Client</th>
            <th>Name</th>
            <th>Balance</th>
        </tr>
        <%=list dataset="clients_test"
            <tr class="class" id="1234">
                <td align="left">{client.id}</td>
                <td>{client.name}</td>
                <td>R{client.balance}</td>
            </tr>
        =%>
    </table>
    <h2>List of Clients with Balances > 0</h2>
    <table>
        <tr>
            <th>Client</th>
            <th>Name</th>
            <th>Balance</th>
        </tr>
        <%=list dataset="clients"
             <!--php-code
            return ({client.balance} > 0) 
                ? '<tr class="class" id="1234">
                    <td align="left">{client.id}</td>
                    <td>{client.name}</td>
                    <td>R{client.balance}</td>
                    </tr>' 
                : '';
            endcode-->
        =%>
    </table>
    <h2>List {users.list_title}</h2>
    <ol>
        <%=list dataset="users"
        <li class="class class">{users.name} {users.desc}</li>
        =%>
    </ol>
    <h2>List {products.list_title}</h2>
    <ul>
        <%=list dataset="products"
        <li>{products.name} {products.desc}</li>
        =%>
    </ul>
</body>

</html>

$data is an array of data to substitute on the html string. All keys that need to be substituted must be enclosed in curly brackets {}. See below:

$data => array (
                'clients' => array (
                        array ('{client.name}' => 'Yung Cet 1', '{client.id}' => '12341', '{client.balance}' => '10'),
                        array ('{client.name}' => 'Yung Cet 2', '{client.id}' => '12342', '{client.balance}' => '55'),
                        array ('{client.name}' => 'Yung Cet 3', '{client.id}' => '12343', '{client.balance}' => '-100'),
                        array ('{client.name}' => 'Yung Cet 4', '{client.id}' => '12344', '{client.balance}' => '0'),
                        array ('{client.name}' => 'Yung Cet 5', '{client.id}' => '12345', '{client.balance}' => '-60'),
                        array ('{client.name}' => 'Yung Cet 6', '{client.id}' => '12346', '{client.balance}' => '30'),
                        array ('{client.name}' => 'Yung Cet 7', '{client.id}' => '12347', '{client.balance}' => '30')
                    ),
                'clients_test' => array (
                        array ('{client.name}' => 'Yung Cet 1', '{client.id}' => '12341', '{client.balance}' => '10'),
                        array ('{client.name}' => 'Yung Cet 2', '{client.id}' => '12342', '{client.balance}' => '55'),
                        array ('{client.name}' => 'Yung Cet 3', '{client.id}' => '12343', '{client.balance}' => '-100'),
                        array ('{client.name}' => 'Yung Cet 4', '{client.id}' => '12344', '{client.balance}' => '0'),
                        array ('{client.name}' => 'Yung Cet 5', '{client.id}' => '12345', '{client.balance}' => '-60'),
                        array ('{client.name}' => 'Yung Cet 6', '{client.id}' => '12346', '{client.balance}' => '30'),
                        array ('{client.name}' => 'Yung Cet 7', '{client.id}' => '12347', '{client.balance}' => '30')
                    ),
                'users' => array (
                        array ('{users.name}' => 'Yung', '{users.desc}' => 'Cet'), 
                        array ('{users.name}' => 'Cedric', '{users.desc}' => 'Maenetja')
                    ), 
                'products' => array (
                        array ('{products.name}' => 'Product 1', '{products.desc}' => 'description'), 
                        array ('{products.name}' => 'Product 2', '{products.desc}' => 'description'),
                        array ('{products.name}' => 'Product 3', '{products.desc}' => 'description'), 
                        array ('{products.name}' => 'Product 4', '{products.desc}' => 'description')
                    ),
                array ('{products.total}' => 4, '{clients.total}' => 7),
            );

Populating a list

A list can be populated as below:

Populating a list using list dataset

<ul>
    <%=list dataset="products"
    <li>{products.name} {products.desc}</li>
    =%>
</ul>

Populating a list using dataset.map()

<ul>
    <%=dataset.map("products")
    <li>{products.name} {products.desc}</li>
    =%>
</ul>

Populating a list using foreach()

<ul>
    <%=foreach("products")
    <li>{products.name} {products.desc}</li>
    =%>
</ul>

Populating a list using for()

<ul>
    <%=for("products")
    <li>{products.name} {products.desc}</li>
    =%>
</ul>

"products" specifies the array key from the $data. Any values enclosed in curly brackets are values to substitute from the given array (products in this case). If there are no values enclosed in curly brackets, whichever text will be populated on the list. This applies to anything besides HTML lists, for example, this can also be used to populate an HTML table rows or divs:

<table>
    <tr>
        <th>Client</th>
        <th>Name</th>
        <th>Balance</th>
    </tr>
    <%=list dataset="clients"
         <tr class="class" id="1234">
             <td align="left">{client.id}</td>
             <td>{client.name}</td>
             <td>R{client.balance}</td>
         </tr>
    =%>
</table>

<%=list dataset="clients"
    <div class="cards">
        <p>{client.id}: {client.name}: {client.balance}</p>
    </div>
=%>

Adding PHP Code

PHP code can be added as below (All values in curcly brackets will be substituted from the given $data):

<!--php-code
    return ('{clients.total}' > 0) ? '<h2>List of Clients {clients.total}</h2>' : '<h2>No Records!</h2>';
endcode-->

Additionally, you can also add PHP code inside a <%=list dataset="yourarray" =%> to add logic.

<table>
    <tr>
        <th>Client</th>
        <th>Name</th>
        <th>Balance</th>
    </tr>
    <%=list dataset="clients"
         <!--php-code
        return ({client.balance} > 0) 
            ? '<tr class="class">
                <td align="left">{client.id}</td>
                <td>{client.name}</td>
                <td>R{client.balance}</td>
                </tr>' 
            : '';
        endcode-->
    =%>
</table>

# Using Custom PHP HTML Parser Editor There is an editor included in this repo, to run it: - Start your PHP server (via command line php -S localhost:8080) - Navigate to http://localhost:8080/editor/ or http://localhost/HTMLParser/editor/ or http://PATH_TO_HTMLPARSER/editor/ - Your editor is now ready. You can edit and compile your code. - Demo: https://permanentlink.co.za/HTMLParser/editor/index

Note: You can only compile the code in the editor on a local PHP server.

Full documentation on the wiki: https://github.com/youngcet/HTMLParser/wiki

Custom PHP HTML Parser Editor

Files

File	Role	Description
`editor` (3 files, 4 directories)
`demo.php`	Example	Example script
`Error.php`	Class	Class source
`ErrorDescriptions.php`	Class	Class source
`HTMLParser.php`	Class	Class source
`index.html`	Doc.	Documentation
`README.md`	Doc.	Documentation

File	Role	Description
`codemirror` (10 files, 10 directories)
`img` (3 files)
`pages` (3 files)
`run` (1 file)
`Constants.php`	Class	Class source
`index.php`	Example	Example script
`run.php`	Example	Example script

File	Role	Description
`addon` (15 directories)
`bin` (5 files)
`demo` (45 files)
`doc` (13 files)
`keymap` (3 files)
`lib` (2 files)
`mode` (2 files, 121 directories)
`src` (2 files, 8 directories)
`test` (18 files)
`theme` (65 files)
`.editorconfig`	Data	Auxiliary data
`.npmignore`	Data	Auxiliary data
`AUTHORS`	Data	Auxiliary data
`CHANGELOG.md`	Data	Auxiliary data
`CONTRIBUTING.md`	Data	Auxiliary data
`index.html`	Doc.	Documentation
`LICENSE`	Lic.	License text
`package.json`	Data	Auxiliary data
`README.md`	Doc.	Documentation
`rollup.config.js`	Data	Auxiliary data

File	Role	Description
`comment` (2 files)
`dialog` (2 files)
`display` (6 files)
`edit` (6 files)
`fold` (8 files)
`hint` (8 files)
`lint` (8 files)
`merge` (2 files)
`mode` (5 files)
`runmode` (4 files)
`scroll` (4 files)
`search` (6 files)
`selection` (3 files)
`tern` (3 files)
`wrap` (1 file)

File	Role	Description
`comment.js`	Data	Auxiliary data
`continuecomment.js`	Data	Auxiliary data

File	Role	Description
`autorefresh.js`	Data	Auxiliary data
`fullscreen.css`	Data	Auxiliary data
`fullscreen.js`	Data	Auxiliary data
`panel.js`	Data	Auxiliary data
`placeholder.js`	Data	Auxiliary data
`rulers.js`	Data	Auxiliary data

File	Role	Description
`closebrackets.js`	Data	Auxiliary data
`closetag.js`	Data	Auxiliary data
`continuelist.js`	Data	Auxiliary data
`matchbrackets.js`	Data	Auxiliary data
`matchtags.js`	Data	Auxiliary data
`trailingspace.js`	Data	Auxiliary data

File	Role	Description
`brace-fold.js`	Data	Auxiliary data
`comment-fold.js`	Data	Auxiliary data
`foldcode.js`	Data	Auxiliary data
`foldgutter.css`	Data	Auxiliary data
`foldgutter.js`	Data	Auxiliary data
`indent-fold.js`	Data	Auxiliary data
`markdown-fold.js`	Data	Auxiliary data
`xml-fold.js`	Data	Auxiliary data

File	Role	Description
`anyword-hint.js`	Data	Auxiliary data
`css-hint.js`	Data	Auxiliary data
`html-hint.js`	Data	Auxiliary data
`javascript-hint.js`	Data	Auxiliary data
`show-hint.css`	Data	Auxiliary data
`show-hint.js`	Data	Auxiliary data
`sql-hint.js`	Data	Auxiliary data
`xml-hint.js`	Data	Auxiliary data

File	Role	Description
`coffeescript-lint.js`	Data	Auxiliary data
`css-lint.js`	Data	Auxiliary data
`html-lint.js`	Data	Auxiliary data
`javascript-lint.js`	Data	Auxiliary data
`json-lint.js`	Data	Auxiliary data
`lint.css`	Data	Auxiliary data
`lint.js`	Data	Auxiliary data
`yaml-lint.js`	Data	Auxiliary data

File	Role	Description
`loadmode.js`	Data	Auxiliary data
`multiplex.js`	Data	Auxiliary data
`multiplex_test.js`	Data	Auxiliary data
`overlay.js`	Data	Auxiliary data
`simple.js`	Data	Auxiliary data

File	Role	Description
`colorize.js`	Data	Auxiliary data
`runmode-standalone.js`	Data	Auxiliary data
`runmode.js`	Data	Auxiliary data
`runmode.node.js`	Data	Auxiliary data

File	Role	Description
`annotatescrollbar.js`	Data	Auxiliary data
`scrollpastend.js`	Data	Auxiliary data
`simplescrollbars.css`	Data	Auxiliary data
`simplescrollbars.js`	Data	Auxiliary data

File	Role	Description
`jump-to-line.js`	Data	Auxiliary data
`match-highlighter.js`	Data	Auxiliary data
`matchesonscrollbar.css`	Data	Auxiliary data
`matchesonscrollbar.js`	Data	Auxiliary data
`search.js`	Data	Auxiliary data
`searchcursor.js`	Data	Auxiliary data

File	Role	Description
`active-line.js`	Data	Auxiliary data
`mark-selection.js`	Data	Auxiliary data
`selection-pointer.js`	Data	Auxiliary data

File	Role	Description
`tern.css`	Data	Auxiliary data
`tern.js`	Data	Auxiliary data
`worker.js`	Data	Auxiliary data

File	Role	Description
`authors.sh`	Data	Auxiliary data
`lint`	Data	Auxiliary data
`release`	Data	Auxiliary data
`source-highlight`	Data	Auxiliary data
`upload-release.js`	Data	Auxiliary data

File	Role	Description
`activeline.html`	Doc.	Documentation
`anywordhint.html`	Doc.	Documentation
`bidi.html`	Doc.	Documentation
`btree.html`	Doc.	Documentation
`buffers.html`	Doc.	Documentation
`changemode.html`	Doc.	Documentation
`closebrackets.html`	Doc.	Documentation
`closetag.html`	Doc.	Documentation
`complete.html`	Doc.	Documentation
`emacs.html`	Doc.	Documentation
`folding.html`	Doc.	Documentation
`fullscreen.html`	Doc.	Documentation
`hardwrap.html`	Doc.	Documentation
`html5complete.html`	Doc.	Documentation
`indentwrap.html`	Doc.	Documentation
`lint.html`	Doc.	Documentation
`loadmode.html`	Doc.	Documentation
`marker.html`	Doc.	Documentation
`markselection.html`	Doc.	Documentation
`matchhighlighter.html`	Doc.	Documentation
`matchtags.html`	Doc.	Documentation
`merge.html`	Doc.	Documentation
`multiplex.html`	Doc.	Documentation
`mustache.html`	Doc.	Documentation
`panel.html`	Doc.	Documentation
`placeholder.html`	Doc.	Documentation
`preview.html`	Doc.	Documentation
`requirejs.html`	Doc.	Documentation
`resize.html`	Doc.	Documentation
`rulers.html`	Doc.	Documentation
`runmode-standalone.html`	Doc.	Documentation
`runmode.html`	Doc.	Documentation
`search.html`	Doc.	Documentation
`simplemode.html`	Doc.	Documentation
`simplescrollbars.html`	Doc.	Documentation
`spanaffectswrapping_shim.html`	Doc.	Documentation
`sublime.html`	Doc.	Documentation
`tern.html`	Doc.	Documentation
`theme.html`	Doc.	Documentation
`trailingspace.html`	Doc.	Documentation
`variableheight.html`	Doc.	Documentation
`vim.html`	Doc.	Documentation
`visibletabs.html`	Doc.	Documentation
`widget.html`	Doc.	Documentation
`xmlcomplete.html`	Doc.	Documentation

File	Role	Description
`activebookmark.js`	Data	Auxiliary data
`docs.css`	Data	Auxiliary data
`internals.html`	Doc.	Documentation
`logo.png`	Icon	Icon image
`logo.svg`	Data	Auxiliary data
`manual.html`	Doc.	Documentation
`realworld.html`	Doc.	Documentation
`releases.html`	Doc.	Documentation
`reporting.html`	Doc.	Documentation
`upgrade_v2.2.html`	Doc.	Documentation
`upgrade_v3.html`	Doc.	Documentation
`upgrade_v4.html`	Doc.	Documentation
`yinyang.png`	Icon	Icon image

File	Role	Description
`emacs.js`	Data	Auxiliary data
`sublime.js`	Data	Auxiliary data
`vim.js`	Data	Auxiliary data

File	Role	Description
`codemirror.css`	Data	Auxiliary data
`codemirror.js`	Data	Auxiliary data

File	Role	Description
`apl` (2 files)
`asciiarmor` (2 files)
`asn.1` (2 files)
`asterisk` (2 files)
`brainfuck` (2 files)
`clike` (4 files)
`clojure` (3 files)
`cmake` (2 files)
`cobol` (2 files)
`coffeescript` (2 files)
`commonlisp` (2 files)
`crystal` (2 files)
`css` (9 files)
`cypher` (3 files)
`d` (3 files)
`dart` (2 files)
`diff` (2 files)
`django` (2 files)
`dockerfile` (3 files)
`dtd` (2 files)
`dylan` (3 files)
`ebnf` (2 files)
`ecl` (2 files)
`eiffel` (2 files)
`elm` (2 files)
`erlang` (2 files)
`factor` (2 files)
`fcl` (2 files)
`forth` (2 files)
`fortran` (2 files)
`gas` (2 files)
`gfm` (3 files)
`gherkin` (2 files)
`go` (2 files)
`groovy` (2 files)
`haml` (3 files)
`handlebars` (2 files)
`haskell-literate` (2 files)
`haskell` (2 files)
`haxe` (2 files)
`htmlembedded` (2 files)
`htmlmixed` (2 files)
`http` (2 files)
`idl` (2 files)
`javascript` (5 files)
`jinja2` (2 files)
`jsx` (3 files)
`julia` (2 files)
`livescript` (2 files)
`lua` (2 files)
`markdown` (3 files)
`mathematica` (2 files)
`mbox` (2 files)
`mirc` (1 file)
`mllike` (2 files)
`modelica` (2 files)
`mscgen` (5 files)
`mumps` (2 files)
`nginx` (2 files)
`nsis` (2 files)
`ntriples` (2 files)
`octave` (2 files)
`oz` (2 files)
`pascal` (2 files)
`pegjs` (2 files)
`perl` (2 files)
`php` (3 files)
`pig` (2 files)
`powershell` (3 files)
`properties` (2 files)
`protobuf` (2 files)
`pug` (2 files)
`puppet` (2 files)
`python` (3 files)
`q` (2 files)
`r` (2 files)
`rpm` (2 files, 1 directory)
`rst` (2 files)
`ruby` (3 files)
`rust` (3 files)
`sas` (2 files)
`sass` (3 files)
`scheme` (2 files)
`shell` (3 files)
`sieve` (2 files)
`slim` (3 files)
`smalltalk` (2 files)
`smarty` (2 files)
`solr` (2 files)
`soy` (3 files)
`sparql` (2 files)
`spreadsheet` (2 files)
`sql` (2 files)
`stex` (3 files)
`stylus` (2 files)
`swift` (3 files)
`tcl` (2 files)
`textile` (3 files)
`tiddlywiki` (3 files)
`tiki` (3 files)
`toml` (2 files)
`tornado` (2 files)
`troff` (2 files)
`ttcn-cfg` (2 files)
`ttcn` (2 files)
`turtle` (2 files)
`twig` (2 files)
`vb` (2 files)
`vbscript` (2 files)
`velocity` (2 files)
`verilog` (3 files)
`vhdl` (2 files)
`vue` (2 files)
`wast` (3 files)
`webidl` (2 files)
`xml` (3 files)
`xquery` (3 files)
`yacas` (2 files)
`yaml-frontmatter` (2 files)
`yaml` (2 files)
`z80` (2 files)
`index.html`	Doc.	Documentation
`meta.js`	Data	Auxiliary data

File	Role	Description
`asciiarmor.js`	Data	Auxiliary data
`index.html`	Doc.	Documentation

File	Role	Description
`asterisk.js`	Data	Auxiliary data
`index.html`	Doc.	Documentation

File	Role	Description
`brainfuck.js`	Data	Auxiliary data
`index.html`	Doc.	Documentation

File	Role	Description
`clike.js`	Data	Auxiliary data
`index.html`	Doc.	Documentation
`scala.html`	Doc.	Documentation
`test.js`	Data	Auxiliary data

File	Role	Description
`clojure.js`	Data	Auxiliary data
`index.html`	Doc.	Documentation
`test.js`	Data	Auxiliary data

File	Role	Description
`coffeescript.js`	Data	Auxiliary data
`index.html`	Doc.	Documentation

File	Role	Description
`commonlisp.js`	Data	Auxiliary data
`index.html`	Doc.	Documentation

File	Role	Description
`css.js`	Data	Auxiliary data
`gss.html`	Doc.	Documentation
`gss_test.js`	Data	Auxiliary data
`index.html`	Doc.	Documentation
`less.html`	Doc.	Documentation
`less_test.js`	Data	Auxiliary data
`scss.html`	Doc.	Documentation
`scss_test.js`	Data	Auxiliary data
`test.js`	Data	Auxiliary data

File	Role	Description
`cypher.js`	Data	Auxiliary data
`index.html`	Doc.	Documentation
`test.js`	Data	Auxiliary data