如何讓我的風格在Froala的樣式表中保持一致？

Question

我有一個問題。

我使用Froala作爲我們幾個公司網站的博客工具。問題是，當我開始寫Froala文本，它直接從網站上，這是在繼承其風格例如，假設我的樣式表是：

myStylesheet.css

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

和我的主要博客網站，我將創建Froala如下：

<p>Hello World</p> 

而且Hello World會因爲樣式表的紅色，漫畫SAN和20像素。

但是如果我想把這個博客文章放在另一個網站上，並使用不同的樣式表呢？我如何保存紅色，漫畫和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規則。