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的数据处理器修改（例如）您选择的font-size，font-family的段落，这将影响输入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>');
});

CKEditor 4 - 如何设置默认字体？

3 个答案: