如何以相同的CSS样式显示数据库中的ckeditor 5内容

Question

当用户完成“ ckeditor 5”的编写时，我将html输入并将其存储在数据库中：

内容将以文本形式保存在数据库中： <blockquote><p>Hello <strong>world</strong></p></blockquote><p>&nbsp;</p><figure class="table"><table><tbody><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></tbody></table></figure>

现在，当我从数据库中获取此内容并希望在前端显示它时，它显示如下：

如何使文本CSS样式与用户在“ ckeditor 5”中输入的样式相同？

Answer 1

根据laravel的documentation

  

默认情况下，刀片{{}}语句自动通过   PHP的htmlspecialchars函数可防止XSS攻击。 如果您不这样做   想要转义数据，则可以使用以下语法：

Hello, {!! $name !!}.

Answer 2

解决方案1：

在display.php上安装引导程序 https://getbootstrap.com/

解决方案2 您需要在显示页面上手动应用CSS。

来自display.php上数据库的HTML：

<blockquote><p>Hello <strong>world</strong></p></blockquote><p>&nbsp;</p><figure class="table"><table><tbody><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></tbody></table></figure>

在display.php上编写CSS，例如：

<style>
table tr td{
    border:solid 1px #CCC;
}
</style>