将HTML字符串转换为PHP数组


Converting HTML string to PHP array

假设HTML字符串如下:

$str = '<p>Hello World!</p><p style="text-align:center"><img src="foo.png" /><br /></p>';

有可能把它转换成这样的数组吗?

[0] => '<p>Hello World!</p>'
[1] => '<p style="text-align:center">'
[2] => '<img src="foo.png" />'
[3] => '<br />'
[4] => '</p>'

我尝试过以多种不同的方式使用DOMDocument,但问题似乎总是归结为养育子女。我需要遍历HTML而不考虑父/子关系。

@olibiaz'回答即可。

只是想展示使用preg_split的另一种方法。

$str = '<p>Hello World!</p><p style="text-align:center"><img src="foo.png" /><br /></p>';
$flags = PREG_SPLIT_DELIM_CAPTURE | PREG_SPLIT_NO_EMPTY;
$regex = '/(<[a-z0-9='-:." ^'/]+'/>)|(<[^'/]+>[^<'/]+<'/[a-z0-9]+>)|(<[a-z0-9='-:." ^'/]+>)/';
$parts = preg_split( $regex, $str, -1, $flags);

输出:

array (size=5)
    0 => string '<p>Hello World!</p>' (length=19)
    1 => string '<p style="text-align:center">' (length=29)
    2 => string '<img src="foo.png" />' (length=21)
    3 => string '<br />' (length=6)
    4 => string '</p>' (length=4)

您想使用PHP DOM扩展吗?或者,您可以简单地在换行符上进行分解,如下所示:

var_dump(explode("'n", $html));

结果是:

Array
(
    [0] => <p>Hello World!</p>
    [1] => <p style="text-align:center">
    [2] =>   <img src="foo.png" />
    [3] =>   <br />
    [4] => </p>
)

您可以使用regex来实现这一点。

$input = '<p>Hello World!</p><p style="text-align:center"><img src="foo.png" /><br /></p>';
$regex = '/(<[a-z0-9='-:." ^'/]+'/>)|(<[^'/]+>[^<'/]+<'/[a-z0-9]+>)|(<[a-z0-9='-:." ^'/]+>)/';

$result = []; 
preg_match_all($regex, $input, $result);
$result = $result[0];

$result看起来像

array(5) {
  [0] =>
  string(19) "<p>Hello World!</p>"
  [1] =>
  string(29) "<p style="text-align:center">"
  [2] =>
  string(21) "<img src="foo.png" />"
  [3] =>
  string(6) "<br />"
  [4] =>
  string(4) "</p>"
}

但有两件重要的事情:

  • 可以肯定的是,这个正则表达式模式可以改进,它更像是一个例子
  • 在不同的情况下测试它,因为我在您的特定示例输入上进行了测试,但在更复杂的结构上可能会失败。在这种情况下,根据您的需要进行调整

无正则表达式解决方案:

$str = '<p>Hello World!</p><p style="text-align:center"><img src="foo.png" /><br /></p>';
$tags = explode( '|', str_replace('><', '>|<', $str));
print_r($tags);

输出:

Array
(
    [0] => <p>Hello World!</p>
    [1] => <p style="text-align:center">
    [2] => <img src="foo.png" />
    [3] => <br />
    [4] => </p>
)

Ideone演示