javascript - 在 标签中包装拉出的文本

Question

我有一个 Wordpress 站点，我在其中分别提取图像和文本以用于我的 single.php 的不同部分。

HTML -(Bootstrap 3 框架)

<div class="row">
    <div class="col-md-12">
        <?php
            preg_match_all('/(<img [^>]*>)/', get_the_content(), $matches);
            for( $i=0; isset($matches[1]) && $i < count($matches[1]); $i++ ) {

            echo $matches[1][$i];
            }
        ?>
    </div>
</div><!-- /row --> 

<div class="row">
    <div class="col-md-12"> 
        <?php
            echo preg_replace('/(<img [^>]*>)/', '', get_the_content());
        ?>
    </div>
</div><!-- /row --> 

这会将图像放在第一行，将文本放在第二行。

但是，当文本在任何标签中被拉出时，它不会换行。我想将文本包装在 < p > 标记中，以便我可以对其应用 css。

此外，在我的浏览器检查器中，它提取图像的 href 链接并将其粘贴到代码中，但不显示图片。 (第一行/代码，拉出相同的链接并显示图片)不确定这是否正常。

Answer 1

solid_luffy 描述的还可以，但您可以更简单。您可以只添加 <p>回显文本之前和之后的标签。

<div class="col-md-12">
    <p>
        <?php
            echo preg_replace('/(<img [^>]*>)/', '', get_the_content());
        ?>
    </p>
</div>

这种方法的好处是它将页面样式与实际内容分离，这是一种很好的做法。