拥有 TinyMCE 编辑器，它为我提供了正确的 html 标签输出，例如 h1、h2、b、ul、ol、li。
像这样：
然而，当我想在我自己的前端（由 TailWindCSS 或 Bootstrap 组成）中准确渲染 TinyMCE 的输出时，每个 html 标签的每种样式看起来都非常简单，具有相同的大小、相同的边距、相同的填充，就像在一个普通的文本元素。
我发现，这些 CSS 框架使用“normalize-css”之类的东西来实现这种外观。但是，尽管我使用的是 Tailwind 和/或 BootstrapCSS，如何在前端恢复 TinyMCE 的 CSS 样式？
我使用tailwindcss的@layer来定义base，如下所示：
// tailwind.scss
@tailwind base;
@layer base {
// define revert css here
.no-tailwindcss-base {
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: revert;
font-weight: revert;
}
ol,
ul {
list-style: revert;
margin: revert;
padding: revert;
}
}
}
@tailwind components;
@tailwind utilities;
然后您可以设置在渲染元素上定义的 className。像这样：
<div class="no-tailwindcss-base" />
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
