2013-05-02 89 views
4

我使用CKEditor 4,我想設置默認字體。我補充說:「font_defaultLabel」與我的字體選擇,但它不工作...CKEditor 4 - 如何設置默認字體?

我在網上查到了這個解決方案,但它是我的一招,而不是一個真正的解決方案:

CKEDITOR.on('instanceReady', function(ev) { 
    ev.editor.setData('<span style="font-family:Arial, Verdana, sans-serif;">&shy;</span>'); 
}); 

人幫我?

EpokK

回答

9

您可以使用ckeditor的數據處理器來修改(例如)字體大小,font-family的段落,這將影響輸入到ckeditor中的任何段落在源代碼中粘貼,書寫或更改;是這樣的:

CKEDITOR.on('instanceReady', function(ev) { 
    ev.editor.dataProcessor.htmlFilter.addRules({ 
    elements: { 
     p: function (e) { e.attributes.style = 'font-size:' + fontsizevariable + 'px; font-family:' + fontfamilyvariable + ';'; } 
    } 
    }); 
}); 

同爲dataProcessor.dataFilter

但是,如果你打算查看環境之外創建的HTML,這些規則可能使一個真正的混亂

+0

我只想啓動可以通過字體工具欄運行的相同命令。 – EpokK 2013-05-06 09:02:20

+0

Aaaaaand你剛剛救了我的一天!內聯樣式是電子郵件內容在任何地方正確呈現所必需的。 ckeditor不支持這個用例很難過。非常感謝。 – 2016-04-25 12:32:33

0

CKEDITOR使用默認的CSS文件爲它的內容:contents.css 可以更改使用的字體(S)那裏。只要確保在沒有CKeditor的情況下顯示CKeditor內容時使用相同的CSS(或只是字體)。

+0

是,但如果你的字體系列是一個變量,你怎麼做? – EpokK 2013-05-02 13:51:37

+0

該變量來自哪裏,是每個用戶設置還是其他?那麼你設置字體的解決方案可能是最好的解決方案;您將需要使用輸入保存該字體。 – Willem 2013-05-02 13:55:41

+0

我覺得很難過,在CKEditor中不能正確配置字體。當我認爲這個對象不是免費的時......最後這是另一個故事。 – EpokK 2013-05-02 13:59:12