在特定元素之间插入 div

Question

我之前构建了一些 html 页面，其中几个段落位于 div 内，现在我想将其移动到 WordPress 中以了解主题和 CMS 的结构，但我有一些问题需要理解。例如，在循环中，我不能只在起点添加开始 div，在末尾添加结束 div（显然），因为在中间有不同的元素包裹在其他 div 中。例如，我想采用最后一段，使用自定义类在其周围创建一个包装 div，我的解决方案是这样的。我确信这是一个完全混乱的解决方案。我究竟做错了什么？

    // First function       

                function addDivLastP1( $content ) {

                

                $pattern = '/[\s\S]*\K(<p>)/i';

            

     // Here i adding the opening tag div. I close it later in another function

                $replacement = '<div class="my_class">$1';

                

                $content = preg_replace( $pattern, $replacement, $content );

                return $content;

                }

                

                add_filter( 'the_content', 'addDivLastP1' );

                

                

                

    // Second function

                function addDivLastP2( $content ) {

                

                $pattern = '/[\s\S]*\K(<\/p>)/i';

        

    // Closing div previously open

                $replacement = '</div>';

                

                $content = preg_replace( $pattern, $replacement, $content );

                return $content;

                }

                

                add_filter( 'the_content', 'addDivLastP2' );

Answer 1

通过正则表达式解析 HTML（或任何 XML）并不是一个好主意。在您的情况下，最好使用DOMDocument：function addDivLastP( $content ) {$doc = new DOMDocument();if(!$doc->loadHTML($content)) {    // cannot parse HTML content    return $content;}for($i = $doc->childNodes->count()-1; $i >= 0; $i--) {    $child = $doc->childNodes[$i];    if ($child->nodeName === 'p') { // got last paragraph inside root node        $div = $doc->createElement('div');                // replace paragraph by new empty div        $doc->replaceChild($div, $child);        // insert paragraph inside div        $div->appendChild($child);        return $doc->saveHTML();    }}return $content;}