Question

我想更改Ckeditor的默认字体！

我无法做到，也没有在Docs中看到任何有关它的信息。我只能更改默认标签！

谢谢

Answer 1

每个docs似乎都在 plugins / font / plugin.js中定义。

{Object} CKEDITOR.config.font_style 用于在文本中应用字体的样式定义。定义于：plugins / font / plugin.js。

config.font_style =
    {
        element		: 'span',
        styles		: { 'font-family' : '#(family)' },
        overrides	: [ { element : 'font', attributes : { 'face' : null } } ]
    };

{String} CKEDITOR.config.fontSize_defaultLabel自：3.0 “字体大小”组合中要显示的文本与当前光标位置或文本选择都不匹配。定义于：plugins / font / plugin.js。

config.fontSize_defaultLabel = '12px';

{String} CKEDITOR.config.fontSize_sizes自：3.0 要在工具栏的“字体大小”组合中显示的字体大小列表。条目之间用分号（;）分隔。可以使用任何类型的“ CSS like”大小，例如“ 12px”，“ 2.3em”，“ 130％”，“较大”或“ x小”。可以通过在条目之前添加名称和斜杠字符来定义显示名称。例如，“较大字体/ 14px”将在列表中显示为“较大字体”，但将输出为“ 14px”。定义于：plugins / font / plugin.js。

config.fontSize_sizes = '16/16px;24/24px;48/48px;';
config.fontSize_sizes = '12px;2.3em;130%;larger;x-small';
config.fontSize_sizes = '12 Pixels/12px;Big/2.3em;30 Percent More/130%;Bigger/larger;Very Small/x-small';

我对Ckeditor不太了解，但我希望这会有所帮助！

Answer 2

在config.js中：

config.contentsCss = '/ckeditor/fonts.css';
config.font_names = 'shabnam';

在fonts.css中：

@font-face {
   font-family: "shabnam";
   src: url("/fonts/Shabnam.ttf") format('truetype');
}

现在，可能没事了。如果你想用 body 标签来设计这个字体，你应该在 fonts.css 中添加：

body {
  /* Font */
  font-family: "shabnam";
}

为了更改工具栏样式，对我有用的是：
在 skins/moono-lisa/editor.css：

delete `font:normal normal normal 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;` from 
     `.cke_reset_all,.cke_reset_all *,.cke_reset_all a,.cke_reset_all textarea`

如何更改Ckeditor的默认字体？

2 个答案: