css - 使用类替换解决方案更改 CKEditor 4.2 中的字体系列和大小

Question

你好， friend 们，我需要在 FCKEditor 4.2 中更改字体系列和大小，但我非常搜索，但我没有找到解决此问题的版本 4.2 ckeditor。最后我找到了替换 css 类的解决方案。为有类似问题的 friend 放上 css 类，希望对他们有所帮助。

谢谢。

/*cke dialog label*/
.cke_dialog_ui_labeled_label {font-family: Tahoma; font-size:11px;}

/*cke dialog title*/
.cke_dialog_title {font-family: Tahoma; font-size:12px;}

/*cke dialog tab*/
.cke_dialog_tab {font-family: Tahoma; font-size:11px;}

/*cke input:text*/
.cke_dialog_ui_labeled_content {font-family: Tahoma;  margin-top:5px; margin-bottom:5px;}

/*cke dialog input text*/
.cke_dialog_ui_input_text { font-family: Tahoma; font-size:12px;}

.cke_dialog_ui_button {font-family: Tahoma; font-size:12px;}

/*cke dialog select*/
.cke_dialog_ui_input_select {font-family: Tahoma; font-size:11px; }
.cke_dialog_ui_input_select option {font-family: Tahoma; font-size:11px; margin-top:2px; }


/*cke ui button text*/
.cke_combo_text { font-family: Tahoma; font-size:11px;}

Answer 1

http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-extraPlugins

在config.js中，比如改成类，添加如下:显示名称/类别

config.font_names = 
    'Arial/arial;' +
    'Comic Sans MS/comic_sans;' +
    'Courier New/courier_new;' +
    'Georgia/georgia;' +
    'Lucida Sans Unicode/lucida;' +
    'Tahoma/tahoma;' +
    'Times New Roman/times_new_roman;' +
    'Trebuchet MS/trebuchet;' +
    'Verdana/verdana';

config.font_style = {
    element: 'span',
    attributes: {'class': '#(family)'}
};

或

config.font_names = 'Arial/Arial, Helvetica, sans-serif;' +
    'Comic Sans MS/Comic Sans MS, cursive;' +
    'Courier New/Courier New, Courier, monospace;' +
    'Georgia/Georgia, serif;' +
    'Lucida Sans Unicode/Lucida Sans Unicode, Lucida Grande, sans-serif;' +
    'Tahoma/Tahoma, Geneva, sans-serif;' +
    'Times New Roman/Times New Roman, Times, serif;' +
    'Trebuchet MS/Trebuchet MS, Helvetica, sans-serif;' +
    'Verdana/Verdana, Geneva, sans-serif';

更改内联样式。