顺风CSS：动态创建HTML样式

mxg2im7a 于 2022-11-20 发布在其他

关注(0)|答案(2)|浏览(166)

有没有人想出一个好办法来设计自动生成的HTML代码的风格与顺风CSS？
示例：使用Marked之类的库将Markdown转换为HTML，然后将其注入页面。
这里的关键是，你不知道自动生成的HTML的结构，因为减价可以是作者创建的任何格式。

2条答案

你能做的唯一一件事就是通过javascript添加tailwind类，像这样：

document.querySelectorAll('span').classList.add('text-sm text-gray-500 py-1');

等等

npm install @tailwindcss/typography

配置tailwind.config.js插件：

plugins: [
    require("@tailwindcss/typography")
  ],

在具有特殊类组件中使用它Name

<article className="prose lg:prose-xl">
        <div dangerouslySetInnerHTML={{ __html: dynamicContentHere }} />
      </article>