TailwindCSS 从数据库获取文本（代码）时颜色不起作用

Question

我有一个 Laravel 项目，带有 TailwindCSS，我正在尝试从我的数据库中检索一段文本：“

<div class="bg-red-500 text-green-200 text-lg border">Code should be here</div>

”。 我使用 Laravel Facade 检索它并在我的视图中看到它 {!! $代码!!}。 现在的问题是，边框似乎已应用，较大的文本似乎工作得很好，只是我无法设置背景或文本颜色，它只是不起作用。

我的目标是，我可以将一段前端代码（包括 TailwindCSS）存储在我的数据库中，并且我基本上可以“拉取”不同的代码片段并将其存储到我的数据库中。 （并显示在我的网站上运行的代码）

我已经尝试过的：

我已经尝试在我的 TailwindCSS 配置中设置自定义颜色，但是并没有解决问题。
而且我似乎也无法在互联网上找到答案。

Answer 1

Tailwind 的 JIT 仅添加它在刀片文件中看到的样式。

如果任何一种样式

bg-red-500 text-green-200 text-lg border

不存在于其他任何地方，那么它们将不可用，因为 Tailwind 无法仅通过查看字符串

{!! $code !!}

来推断您需要它们。