django - ckeditor 样式与引导样式冲突

Question

在我的百日草博客应用程序中，我使用 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）正在应用不需要的格式的情况。