如何在我自己的前端用合适的样式表呈现TinyMCE中的HTML？

有了一个TinyMCE编辑器，它可以将适当的html标记（如h1、h2、b、ul、ol、li）作为输出。 像这样：

然而，当我想在我自己的前端（由TailWindCSS或Bootstrap组成）中精确呈现TinyMCE的输出时，每个html标记的每个样式看起来都非常简单，大小、边距和填充都相同，就像在普通文本元素中一样

我发现，这些CSS框架使用类似“规范化CSS”的东西来实现这种外观。然而，尽管我正在使用Tailwind和/或BootstrapCSS，但如何在前端恢复TinyMCE的CSS样式？

对此负责。飞行前删除所有边距、填充和每一组基本样式

@tailwind base; /* Preflight will be injected here */

@tailwind components;

@tailwind utilities;

你可以禁用它

// tailwind.config.js
module.exports = {
  corePlugins: {
   preflight: false,
  }
}

---

一旦禁用，h1、h2、b、ul、ol、li等html标记将正确呈现。

能否确认在第二个屏幕截图中呈现的内容与编辑器内容具有相同的html？换句话说，您能否确认TinyMCE中的HTML内容被保留，并且您没有呈现纯文本内容？是的！肯定它具有相同的html。但是由于规范化css，它是tailwinds和Bootstrap的一部分，它将被规范化为