在CKEditor中設置字體大小和字體系列

Question

我正在與ckeditor合作

我想問一下我們如何在此插件中設置字體系列和字體大小

CKEDITOR.config.font_defaultLabel = 'Arial';
CKEDITOR.config.fontSize_defaultLabel = '12px';

但是這些命令只是更改前端（字體名稱和大小）

什么出路？

Answer 1

如果使用的是經典編輯器，請檢查CKEditor根文件夾中的contents.css文件。 您可以更改所有HTML元素的樣式，包括字體，也可以更改<body>元素的樣式（編輯區域）。

相反modyfying默認的config.css您可以指定要加載額外的CSS文件config.contentsCss ，這會節省你未來升級頭疼。 請參閱安娜的評論。

Answer 2

最具前瞻性的方法（1）是在單獨的文件中覆蓋要更改的CKEditor內容的默認CSS樣式，該文件通過config.contentsCss選項添加到編輯器配置中。

請在CKEditor SDK中查看此方案的工作示例： http : //sdk.ckeditor.com/samples/classic.html

在那里向下滾動到“具有自定義樣式的經典編輯器”示例； 您可以在示例頁面的“獲取示例源代碼”部分中下載此解決方案的確切源代碼。 在這種情況下，在單獨的classic.css文件中定義了自定義字體和其他樣式，然后使用以下命令將其提供給編輯器實例配置：

<script>
    CKEDITOR.replace( 'myeditor', {
        /* Default CKEditor styles are included as well to avoid copying default styles. */
        contentsCss: [ 'contents.css', 'classic.css' ]
    } );
</script>

請記住，它僅對經典編輯器有效，因為內聯編輯器中的內容樣式與頁面樣式相同，因此所有內容樣式直接來自頁面樣式表。

（1）這種方法比修改默認的contents.css文件更好，因為在升級CKEditor時您不必承擔覆蓋更改的風險。

在CKEditor中設置字體大小和字體系列

問題描述

2 個解決方案

解決方案1
2 2014-11-26 22:41:33

解決方案2
2 已采納 2014-11-27 07:47:01

在CKEditor中設置字體大小和字體系列

問題描述

2 個解決方案

解決方案1 2 2014-11-26 22:41:33

解決方案2 2 已采納 2014-11-27 07:47:01

解決方案1
2 2014-11-26 22:41:33

解決方案2
2 已采納 2014-11-27 07:47:01