包含自定義ckeditor內容樣式

在ckeditor內容區域和應用程序中的其他視圖中是否有可能具有相同的css樣式？例如，我在應用程序css中覆蓋了某些表的類，但是當我在ckeditor中創建表時，它看起來與視圖中的不同。我發現我可以爲contents.css文件中的內容設置樣式，但是出現了其他問題，我的所有樣式都是在css.scss中創建的，對我來說最好的方法就是將它們導入ckeditor內容，但是我不知道是否有什麼辦法可以做到嗎？包含自定義ckeditor內容樣式

來源

2013-12-20 Adrian Nowik

最簡單的方法是將contents.css的文件類型更改爲contents.css.scss。整合後的ckeditor gem也使事情變得更容易：https://github.com/galetahub/ckeditor

來源

2013-12-20 16:23:02

我真的會這樣做，但是當我嘗試將文件名改爲scss ckeditor時，並沒有在scss中看到我的文件。 –

您可以將路徑更改爲contents.css幷包含多個樣式表。在config.js或直接創建編輯時，指定config.contentsCss：

CKEDITOR.replace('foo', { contentsCss: [ ... ] });

樣式表將被注入和編輯的內容將匹配您的網站。閱讀official guide about styles瞭解更多。

來源

2013-12-21 10:33:17 oleq

我試圖使用config.contentsCss並給我那裏我的scss文件，並有問題，我認爲contentsCss不會接受我的scss文件，只允許css文件。 –

是的。 CKEditor期待CSS。 – oleq

包含自定義ckeditor內容樣式

回答

相關問題