如何增加ckeditor的字體大小

我想增加富文本編輯器「ckeditor」的字體大小。如何增加ckeditor的字體大小

本頁面的第一個演示（http://ckeditor.com/demo#toolbar）我正在使用。我想讓主體的字體大小爲44px;

我發現此鏈接http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-toolbarGroups。它似乎我可以從這個頁面配置我的字體大小。但還是不能指出哪個配置適合增加字體大小

。請幫助我，它的緊急。

2013-05-06 user2332395

打開/ CKEditor的/目錄下的contents.css ，你可以改變字體大小：

background-color: #ffffff; 
font-size:16px; /* Just added this */

來源

2013-05-06 09:51:12 Sudz

我發現這個鏈接http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-toolbarGroups。它似乎我可以從這個頁面配置我的字體大小。但仍然無法指出哪些配置適合在ckeditor 4.4.5中增加字體大小 – user2332395 2013-05-06 10:06:51

，contents.css中的字體大小似乎被忽略。 – 2014-11-25 09:52:50

添加contents.css修改編輯器中的默認字體顯示的內容，大小：

body { 
    font-family: Arial; 
    font-size: 44px; 
}

及地點：

config.font_defaultLabel = 'Arial'; 
config.fontSize_defaultLabel = '44px'; 
config.contentsCss

參見文檔：

來源

2013-05-06 11:47:06 EpokK

ckeditor 4.4.5 contents.css中的font-size集似乎被忽略。 – 2014-11-25 09:53:08

如果要修改編輯器中顯示的內容，定製contents.css。
如果您想爲樣式組合添加一些新的預定義樣式，請參閱官方styles.js guide。
如果您開發的插件添加了一些需要樣式的功能，請使用CKEDITOR.addCss()方法。
如果要解析現有的CSS文件並將規則用作預定義的樣式，請參閱stylesheetparser plugin。

來源

2013-05-06 11:48:14 oleq

-1

我正在使用ckeditor 4.4.6並更改content.css的工作原理，請注意，更改'body'類不會工作，'.cke_editable'類需要更改。

來源

2014-12-22 23:11:05 Narendra

也許你可以發佈一個代碼示例和更多的細節來幫助OP多一點？ – dcarson 2014-12-22 23:41:15

您可以使用setStyles功能：

CKEDITOR.replace('editor1', { 
     on: { 
      instanceReady: function (evt) { 
       evt.editor.document.getBody().setStyles({color: 'black', 'font-size': '72px'}) 
      } 
     } 
    }

來源

2017-02-19 11:27:27

這工作在4.6。謝謝。 – 2017-04-12 17:50:25

如何增加ckeditor的字體大小

回答

相關問題