如何自定義wysihtml5編輯器的背景顏色，字體等？

我在網站中使用bootstrap-wysihtml5，需要自定義編輯器以匹配我網站的外觀。例如，bootstrap-wysihtml5編輯器具有黑色文本的白色背景，但我需要將其更改爲帶有白色文本的紅色背景。我也想使用不同的字體。如何自定義wysihtml5編輯器的背景顏色，字體等？

如果我使用Fiddler檢查通過引導，wysihtml5創建，我看到，在的<body>元素有以下style定義：

background-color: rgb(255, 255, 255); 
color: rgb(44, 62, 80); 
font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; 
font-size: 15px; 
...

這裏使用的font-family設置在我bootstrap.css定義文件，所以我推測這就是中的style定義來自哪裏，但我沒有看到如何將這些定製爲不同的東西。

我試圖修改通過jQuery的 <body>風格的引導，wysihtml5 load事件，這樣的作品，但只要我點擊自定義樣式將被替換爲默認樣式編輯器。

如何在此編輯器中實現自己的自定義樣式？

感謝

來源

2013-12-11 Scott Mitchell

您可以通過設置創建wysihtml5區域時的選項添加你自己的樣式表的iframe：

$('#textarea-id').wysihtml5({ 
    stylesheets: ['/url/of/stylesheet/to/put/in/iframe'] 
});

來源

2013-12-11 18:01:11 AlliterativeAlice

如何自定義wysihtml5編輯器的背景顏色，字體等？

回答

相關問題