2013-05-02 90 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