CKEditor 4 - 如何設置默認字體？

Question

我使用 CKEditor 4，我想設置默認字體。 我用我的字體選擇添加了“font_defaultLabel”，但它不起作用......

我在互聯網上找到了這個解決方案，但這對我來說是一個技巧，而不是一個真正的解決方案：

CKEDITOR.on( 'instanceReady', function( ev ) {
     ev.editor.setData('<span style="font-family:Arial, Verdana, sans-serif;">&shy;</span>');
});

有人能幫我嗎？

EpokK

Answer 1

您可以使用 ckeditor 的數據處理器來修改（例如）您選擇的字體大小、字體系列的段落，這將影響輸入到 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，這些規則可能會讓它變得一團糟

Answer 2

CKeditor 為其內容使用默認 css 文件： contents.css您可以在那里更改使用的字體。 在沒有 CKeditor 的情況下顯示 CKeditor 內容時，請確保使用相同的 css（或僅使用字體）。

Answer 3

只需將它放在原始 CKEDITOR JS 下方，然后將字體大小更改為您喜歡的任何值。 這對我有用，希望對你有用！

CKEDITOR.on( 'instanceReady', function( ev ) {
 ev.editor.setData('<span style="font-size:48px;">&shy;</span>');
});