如何使用相同的css样式显示数据库中的ckeditor 5内容

如何使用相同的css样式显示数据库中的ckeditor 5内容,ckeditor,text-editor,ckeditor5,Ckeditor,Text Editor,Ckeditor5,当用户在“ckeditor 5”中完成写入时,我获取html输入并将其存储在数据库中: 内容将以文本形式保存在数据库中: 你好世界1234 现在,当我从数据库中获取此内容并希望在前端显示它时,它显示如下: 如何使文本css样式与用户在“ckeditor 5”中输入的样式相同?根据laravel的 默认情况下,Blade{{}语句会自动通过 PHP的htmlspecialchars函数用于防止XSS攻击如果您没有 要对数据进行转义,可以使用以下语法: 解决方案1: 在display.php上安

当用户在“ckeditor 5”中完成写入时,我获取html输入并将其存储在数据库中:

内容将以文本形式保存在数据库中:
你好世界1234

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

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

根据laravel的

默认情况下,Blade{{}语句会自动通过 PHP的htmlspecialchars函数用于防止XSS攻击如果您没有 要对数据进行转义,可以使用以下语法:


解决方案1:

在display.php上安装引导程序

解决方案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>
你好世界1234
在display.php上编写CSS,如下所示:

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

表tr td{
边框:实心1px#CCC;
}

如何显示数据?您可以包含显示数据库中数据的代码吗?Ckeditor是一种WYSIWYG编辑解决方案,您实际上不需要手动添加css来显示数据库中保存的内容。你只需要直接用未缩放的html来显示它。数据库中只保存了html。回显时,它们只显示HTML。实际上,如果你有使用任何所见即所得编辑解决方案的经验,你应该知道每个所见即所得插件都有自己的CSS类/样式。他们将根据您所见即所得内容的样式自动添加它。同样,您不需要手动添加css/样式,因为它违背了WYSIWYG插件的目的。
<style>
table tr td{
    border:solid 1px #CCC;
}
</style>