shtrihstr/html-serializer

Convert HTML to JSON

Maintainers

Details

github.com/shtrihstr/html-serializer

Source

Issues

Installs: 716

Dependents: 0

Suggesters: 0

Security: 0

Stars: 9

Watchers: 1

Forks: 2

Open Issues: 0

pkg:composer/shtrihstr/html-serializer

dev-master 2016-08-18 12:44 UTC

Requires (Dev)

MIT 0efe76205be259894ea3b3760458ded23868b004

  • Oleksandr Strikha <alex.woop@strikha.com>

This package is not auto-updated.

Last update: 2025-11-15 04:48:45 UTC

README

Convert HTML to Array or JSON

Installation

$ composer require shtrihstr/html-serializer

Usage

HTML to JSON

$html = new HtmlSerializer\Html('<div class="content"><p>Hello World</p><img src="img.png" alt="" class="image" /></div>');
$json = $html->toJson();

Result

[
    {
        "node": "div",
        "attributes": {
            "class": "content"
        },
        "children": [
            {
                "node": "p",
                "children": [
                    {
                        "node": "text",
                        "text": "Hello World"
                    }
                ]
            },
            {
                "node": "img",
                "attributes": {
                    "src": "img.png",
                    "alt": "",
                    "class": "image"
                }
            }
        ]
    }
]

HTML to Array

$array = $html->toArray();

Result

[
    [
        'node' => 'div',
        'attributes' => [
            'class' => 'content',
        ],
        'children' => [
            [
                'node' => 'p',
                'children' => [
                    [
                        'node' => 'text',
                        'text' => 'Hello World',
                    ],
                ]
            ],
            [
                'node' => 'img',
                'attributes' => [
                    'src' => 'img.png',
                    'alt' => '',
                    'class' => 'image',
                ]
            ],
        ],
    ],
]

Inline CSS

$html = new HtmlSerializer\Html('<div style="color: red; background: url(img.png?foo;bar)">Hello World</div>');
$html->parseCss(); // enabled by default
$json = $html->toJson();

Result

[
    {
        "node": "div",
        "attributes": {
            "style": {
                "color": "red",
                "background": "url(img.png?foo;bar)"
            }
        },
        "children": [
            {
                "node": "text",
                "text": "Hello World"
            }
        ]
    }
]
$html->parseCss(false);

Result

[
    {
        "node": "div",
        "attributes": {
            "style": "color: red; background: url(img.png?foo;bar)"
        },
        "children": [
            {
                "node": "text",
                "text": "Hello World"
            }
        ]
    }
]

Remove empty strings

$html = new HtmlSerializer\Html('<div> <p> foo</p> <span> bar </span>  </div>');
$html->removeEmptyStrings(); // enabled by default
$json = $html->toJson();

Result

[
    {
        "node": "div",
        "children": [
            {
                "node": "p",
                "children": [
                    {
                        "node": "text",
                        "text": " foo"
                    }
                ]
            },
            {
                "node": "span",
                "children": [
                    {
                        "node": "text",
                        "text": " bar "
                    }
                ]
            }
        ]
    }
]
$html->removeEmptyStrings(false)

Result

[
    {
        "node": "div",
        "children": [
            {
                "node": "text",
                "text": " "
            },
            {
                "node": "p",
                "children": [
                    {
                        "node": "text",
                        "text": " foo"
                    }
                ]
            },
            {
                "node": "text",
                "text": " "
            },
            {
                "node":"span",
                "children": [
                    {
                        "node": "text",
                        "text": " bar "
                    }
                ]
            },
            {
                "node": "text",
                "text": "  "
            }
        ]
    }
]