Question

我收到了一篇从数据库中读取的文章。这是一个包装器，我需要一个图像为全宽（所以甚至比包装器更宽），同时仍然在文章中。所以我把它分成图像标签，如下面的代码。

然而，这会阻止用户添加多个图像。当我添加另一个图像标记时，它不会显示图像。

如何将文章拆分为一张图片而不是每张图片？

所有数据（文本，img标签）都在'introtext'中。

例如：

<p>Part one of the article</p>
//Here the article is split on all img tags that are there.
<img src="#">
<img src="#">
<img src="#">
<img src="#">
<p>Part two of the article</p>

以下代码仅在我添加一个图片代码时有效。

<div class="container relative" style="padding: 0px;">
    <div class="row">
        <div class="col-sm-12">
             <div class="blog-item mb-20 mb-xs-40">
                <!-- Text -->
                <div class="blog-item-body">
                    <? 
                        $introtext = $contenti[0]['introtext'];

                        $splitartikel = preg_split('/(<img[^>]+\>)/i', $introtext, -1, PREG_SPLIT_DELIM_CAPTURE);

                        echo $splitartikel[0];

                    ?>      
                </div>
             </div>
        </div>
    </div>
</div>

<div class="container-fluid relative" style="padding: 0px;">
    <div class="row">
        <div class="col-sm-12">
            <div class="middleimage">
                <?
                    echo $splitartikel[1];
                ?>
            </div>
        </div>
    </div>
</div>  

<div class="container relative" style="padding: 0px;">
    <div class="row">
        <div class="col-sm-12">
             <div class="blog-item mb-20 mb-xs-40">
                <!-- Text -->
                <div class="blog-item-body">
                    <? 
                        echo $splitartikel[2];
                    ?>      
                </div>
             </div>
        </div>
    </div>
</div>

查询：

// Articles
    $content    = "SELECT * FROM `lb_content` WHERE alias = '".$conn->real_escape_string($_GET['alias'])."' ";
    $contentcon = $conn->query($content);
    $contenti   = array();
    while ($contenti[] = $contentcon->fetch_array());

我也试过循环中间部分，但这也会在图像之前和之后循环文本，而我只想拥有多个图像的选项。

像这样：

<?php foreach($splitartikel as $part) : ?>
<div class="container-fluid relative" style="padding: 0px;">
    <div class="row">
        <div class="col-sm-12">
            <div class="middleimage">
                <?php echo $part; ?>
            </div>
        </div>
    </div>
</div>  
<?php endforeach ?>

也许我需要为每个图像标记做一些foreach循环？

在多张图片上拆分文章

0 个答案: