<?php
$cssClasses = [
'container' => 'width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;',
'card' => 'position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0, 0, 0, 0.125);border-radius: 0.25rem;'
];
$html = <<<'EOD'
<div class="container">
01
<div class="card">
02
</div>
</div>
EOD;
$dom = new DOMDocument;
$dom->loadHTML($html);
$divNL = $dom->getElementsByTagName('div');
for ($i = $divNL->length - 1; $i >= 0; $i--) {
$node = $divNL->item($i);
$table = $dom->createElement('table');
$tr = $dom->createElement('tr');
$td = $dom->createElement('td');
$table->appendChild($tr);
$tr->appendChild($td);
foreach ($node->attributes as $attr) {
$td->appendChild($attr);
}
$styles = array_reduce(
preg_split('~\s+~u', $td->getAttribute('class')),
function($c, $i) use ($cssClasses) {
return isset($cssClasses[$i]) ? $cssClasses[$i] . $c : $c;
},
$td->getAttribute('style')
);
if ( !empty($styles) )
$td->setAttribute('style', $styles);
foreach ($node->childNodes as $childNode) {
$td->appendChild($childNode->cloneNode(true));
}
$node->parentNode->replaceChild($table, $node);
}
$result = '';
foreach ($dom->getElementsByTagName('body')->item(0)->childNodes as $childNode) {
$result .= $dom->saveHTML($childNode);
}
echo $result;
preferences:
52.05 ms | 402 KiB | 5 Q