如何在 ThinkPHP、Layui 组成的技术栈中显示富文本内容

【需求】

给定一段富文本内容，在 ThinkPHP、Layui 组成的技术栈中解析并显示它。

<p class="">
    近日，武汉市中新设计制作有限责任公司成功举办了2023年武汉市广告创意展览。此次展览旨在推动武汉市广告行业的发展，提升设计师们的创意水平，同时为广大市民呈现一场视觉盛宴。</p>
<p class="">
    作为武汉市广告行业的领军企业，中新设计制作有限责任公司一直致力于推动行业的发展。此次展览，公司不仅提供了展示自身创意和设计实力的平台，也邀请了众多业内知名设计师和专家学者前来参展和交流。</p>
<p class="">
    展览现场，市民们可以看到各种富有创意和独特性的广告作品，包括平面广告、影视广告、户外广告等。这些作品充分展示了设计师们的创新思维和精湛技艺，也让市民们对广告行业有了更深入的了解。</p>
<p class="">
    此次展览的成功举办，得到了广大市民和业内人士的一致好评。中新设计制作有限责任公司表示，将继续秉承“创新、专业、优质”的服务理念，为推动武汉市广告行业的发展做出更大的贡献。</p>
<p class=""><br></p><p class=""><img src="/storage/news/20231201/3b331f17fafb9f1bd173464d701c7862.jpg" alt="图片"><br>
</p>

【解决】

要在网页中解析和显示富文本内容，可以使用 HTML 来呈现文本和嵌入的图片。

现在，需要将新闻内容插入到 <div class="content"></div> 中。

以下是可以使用的一种方法，假设新闻内容是以 HTML 格式保存的，可以使用 HTML 标签来解析富文本内容：

<!-- 主体区域 -->
<div class="container">
    <div class="title">{$news.title}</div>
    <div class="time">{$news.create_time}</div>
    <div class="content">
        {$news.content}
    </div>
</div>

如果新闻内容是以纯文本保存的，可以使用 nl2br 函数将换行符转换为
标签，以保留文本的换行格式：

<?php echo nl2br($news['content']); ?> 是一段 PHP 代码，用于在网页上正确显示包含换行符的文本。
<?php ... ?>: 这是 PHP 代码的起始和结束标记。在这之间的内容将被解释为 PHP 代码。
echo: 这是一个用于输出内容的 PHP 命令。它将括号中的内容输出到浏览器。
nl2br($news['content']): 这是一个 PHP 函数调用。nl2br 是 "new line to break" 的缩写，它将文本中的换行符 \n 转换为 HTML 的换行标签 <br>。 $news['content'] 是假设包含新闻内容的 PHP 变量。
所以，这段代码的作用是将 $news['content'] 中的文本中的换行符转换为 <br> 标签，以确保在网页上正确显示文本的换行格式。这对于显示新闻内容等包含换行的文本非常有用。

<!-- 主体区域 -->
<div class="container">
    <div class="title">{$news.title}</div>
    <div class="time">{$news.create_time}</div>
    <div class="content">
        <?php echo nl2br($news['content']); ?>
    </div>
</div>

效果如下：