我正在使用bulma作为CSS框架的现有reactjs应用程序中开发博客及其所有逻辑。在博客管理方面,我正在使用wyswyg编辑器react-quill编辑每个博客内容,并使用react-render-html来呈现由react羽毛笔生成的html内容。呈现每篇博客文章的部分基本上如下:
posts.map((post, key) => (
<div key={`post-${key}`}>
<h1 className="title is-3">{post.title}</h1>
{renderHTML(post.body)}
</div>)
);
问题在于,这将使用bulma样式渲染post html内容,而该样式覆盖了在wyswyg编辑器中设置的样式中指定的样式。因此,我的问题是如何只为包装每个博客文章的div
重置默认样式。
谢谢。