django - 带有 Tailwind CSS 的 Django-Tinymce

Question

我目前正在为我的项目使用 django-tinymce4-lite，其他一切都按预期工作。但是在应该显示 tinymce4 格式内容的实际呈现的 HTML 页面上，tailwind-preflight 会用列表和空格混淆格式。

我在这里找到了这个解决方案。这是我面临的确切问题。第一个答案对我不起作用，我想让它起作用。我正在按照本教程将 Tailwind CSS 与 Django 一起使用。我是 npm 的新手，所以我盲目地跟随，一切正常，但是当我尝试实施第一个答案时，什么也没有发生。

使用第二个答案是可行的，但它会弄乱整个前端。

标签： djangonpmtailwind-csstinymce-4

Answer 1

是的，这可能会弄乱你的整个前端（目前我自己也面临这个问题）。

Tailwind 配置中的设置preflight: false将停止 Tailwind 运行预检，这基本上会删除所有基本 CSS 样式（填充、大小、下划线），例如h1, a,li等标签。

您可以使用 Tailwind 在前端重新应用所有这些，但必须这样做。CSS 就是这样；您告诉 Tailwind 不要清除基本样式，这意味着您在 Tinymce 中输入的内容将按照您的预期显示。