带有 Tailwind CSS 的 Django-Tinymce

Posted 2023-03-06

【中文标题】带有 Tailwind CSS 的 Django-Tinymce

【英文标题】：Django-Tinymce with Tailwind CSS

【发布时间】：2021-10-16 01:56:39

【问题描述】：

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

我找到了这个解决方案here。这是我面临的确切问题。第一个答案对我不起作用，我想让它起作用。我正在关注this 教程以将 Tailwind CSS 与 Django 一起使用。我是 npm 的新手，所以我盲目地跟随，一切正常，但是当我尝试实施第一个答案时，没有任何反应。

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

【参考方案1】：

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

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

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

【讨论】：

是的，我知道，我不想为整个前端设置preflight: false。正如我所问的那样，我只想能够禁用某个 div 的预检，或者可能是一种可能的方式来否定某个 div 的预检。