ckeditor样式与bootstrap样式冲突

Question

在我的zinnia-blog应用程序中，我使用django-ckeditor来设置管理员的“条目”。我的网站也是在twitter-bootstrap的基础上设计的。问题是，如果我对博客中的任何条目进行了样式更改，则会影响整个页面的样式。我不知道这可能是什么原因，无论是由于任何CSS冲突正在发生。你能建议任何可能的解决方案吗？

Answer 1

我通过在每个ckeditor创作的内容区域中添加一个类来解决这个问题，然后在这个类中进行一些重置。例如（scss）：

.ckeditor-content {
  [class*="span"] {
    margin-left: 0px;
  }
  h1, h2, h3, h4, h5, h6 {
    text-align: left;
    margin: 0px;
  }
  color: #000000;
}

用户通过CKEditor添加的任何元素特定样式都可以覆盖这些样式，但这至少可以处理没有添加元素样式且Bootstrap（或您自己的css）应用不需要的格式的情况。