css - 如何在 Froala 的样式表中保持我的样式一致？

Question

我有一个问题。

我正在使用 Froala 作为我们几个公司网站的博客工具。问题是当我开始写 Froala 文本时，它直接从它所在的网站继承它的样式。例如，假设我的样式表是:

myStylesheet.css

p {
  color: red;
  font-family: comic-sans;
  text-size: 20px;
}

在我的主要博客网站上，我将在 Froala 中创建以下内容:

<p>Hello World</p>

Hello World 由于样式表的原因将是红色、漫画色和 20px。

但是，如果我想将这篇博文放到另一个具有不同样式表的网站上怎么办？如何保留红色、comic-sans 和 20px？有什么方法可以让 Froala 将这些东西内联到 HTML 中吗？

Answer 1

有两种方法。

第一种方法:Froala Editor 需要用 <div class="fr-view">HTML_HERE</div> 包装输出的 HTML .因此，最好的方法是在 .fr-view 中定义要保留的规则。类:

.fr-view p {
    color: red;
    font-family: comic-sans;
    text-size: 20px;
}

另一种方法:禁用 useClasses选项，这样你就可以内联样式。如果你这样做，你就不必用 fr-view 包装输出类，但您仍然需要如上所述定义 CSS 规则。