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

Question

我有问题。

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

myStylesheet.css

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

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

<p>Hello World</p>

而 Hello World 将是红色、漫画色和 20 像素，因为样式表。

但是，如果我想将此博客 post 放在另一个具有不同样式表的网站上怎么办？如何保留红色、comic-sans 和 20px？有没有办法让 Froala 将这些东西内联到 HTML?

Answer 1

有两种方法。

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

中定义要保留的规则

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

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

How do I keep my style consistent across stylesheets in Froala?