Tinymce 富文本编辑器样式被 tailwind css 基本样式覆盖。如何在 React.js 中为富文本显示组件设置 preflight false

Question

我的项目有以下堆栈。 Tailwind css、react.js、tinymce 编辑器。

tailwind css @tailwind 基础覆盖默认浏览器 css 样式。我只想对显示富文本编辑器内容的单个组件禁用此功能。

例如：链接、锚标记、标题默认浏览器 css 被 tailwind 基本 css 覆盖。

我无法通过 preflight 禁用整个项目：tailwind 配置中的 false。

有什么想法，请提出。

Answer 1

官方的 Tailwind CSS Typography 插件提供了一组散文类，您可以使用它们向您无法控制的任何普通 HTML 添加漂亮的排版默认值，例如从 Markdown 渲染的 HTML，或从 CMS 提取的 HTML。