ckeditor - 有没有办法在 CKEditor 中设置默认字体和字体大小？

Question

我一直在为此寻找解决方案有一段时间了，我发现的唯一修复只会影响文本在编辑器本身中的显示方式，而不影响生成的文本在发送/保存到其他地方时的外观。我说的是 CSS 修复之类的东西。

我正在使用 CKEditor 通过我们的 Web 应用程序撰写和发送电子邮件，虽然 css 修复更改了编辑器本身中显示的字体，但收到的电子邮件仍以 TNR 或从电子邮件客户端继承的任何内容显示。当然，除非我从插件中为每个段落更改字体和大小。

从我注意到，每当您在插件中设置字体和大小时，CKEditor 都会创建一个具有新更改的样式(例如 <span style="font: Arial"><span style="font-size: 12"></span></span> )的跨度(实际上是两个，一个是字体，一个是大小)我想我可以用我想要的字体和大小样式将整个结果包装在一个跨度或 div 中，但这可能会干扰用户的模板和样式。

有什么方法可以从插件本身设置默认文本样式(如电子邮件收件人所见)，或者我是否必须对其进行破解。

Answer 1

这是我发现强制 ck 编辑器创建默认字体的唯一方法。 IE 即使没有选择字体，它也会将输入的文本包装在(默认)字体范围内，因此将输出格式化文本。如果您希望更改通用，请将以下内容添加到 config.js。否则，也应该可以将它添加到一个实例中。虽然我没试过。

config.font_defaultLabel = 'Arial';

这将使下拉菜单默认为“Arial”。虽然即使这样也不能像我希望的那样工作。首先，必须激活(不仅仅是加载)编辑器才能将下拉菜单设置为默认值。然后与手动选择不同，该值不会在下拉框中突出显示。它只是显示。

然后将其添加到您的默认配置选项下方:

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

这将使用您需要的跨度预先填充文本区域。但是，您必须在 span 标签中包含一些字符以强制此“hack”起作用。所以你会在你的输出中遇到一些你并不真正想要的东西。我在网上某处找到的原始版本使用了:

­

这似乎相对无害。

我一直在寻找一种更好的方法(如果有人知道，我会很高兴)。大多数人只是简单地说捕获输出并重新格式化它。那真的不是我的选择。也可以使用自定义插件来完成此操作。这对我来说也不太可行。

希望这至少可以帮助某人节省一些时间。

附言原文来自 CK editor 的支持板。这是链接: forum