如何在Froala的样式表中保持我的风格一致？

Question

我有问题。

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

myStylesheet.css

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

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

<p>Hello World</p>

由于样式表，Hello World将是红色，漫画版和20px。

但是，如果我想将此博客文章放在另一个具有不同样式表的网站上呢？我怎样才能保留红色，漫画和20px？有没有办法让Froala将这些东西内嵌到HTML中？

Answer 1

将有两种方法。

第一种方法： Froala编辑器要求使用<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规则，如上所述。