从 Word 文档粘贴时的 ckeditor 5 和字体大小答案

【问题标题】：ckeditor 5 and font size when pasting from Word documents从 Word 文档粘贴时的 ckeditor 5 和字体大小
【发布时间】：2020-11-25 08:29:44
【问题描述】：

我使用 CKEditor 5 并且从 Word 粘贴工作正常，但是我注意到字体大小丢失了。我确保添加所有字体大小、颜色、背景颜色、家庭插件并重建。但是，在从 Word 复制和粘贴期间，字体大小仍然会丢失。我什至添加了一个字体大小列表，例如 11、12、14 等，但仍然没有成功。

那么这个页面是如何工作的呢？ https://ckeditor.com/docs/ckeditor5/latest/features/pasting/paste-from-word.html

在复制和粘贴期间保持字体大小。我想不出还有什么可以尝试的。

【问题讨论】：

标签： ckeditor ckeditor5

【解决方案1】：

字体大小在什么时候丢失？在ckeditor里面？当您保存/导出 ckeditor 文本时？

ckeditor 将转换您的 word 文本，并在一个 span 中换行不同大小的文本：

<span class="text-large">Large text</span>

这意味着在您使用 ckeditor 的网站上，您必须在 css 中的某处重新声明字体大小：

<style>
.text-large {font-size:14pt;}
</style>

在处理 MS Word 文件时，请始终在此处使用 pt 单位。当您查看具有不同屏幕分辨率（例如非常大或非常小的屏幕）的设备时，尝试将字体大小转换为像素将不起作用并给您一些意想不到的结果。

【讨论】：

当你剪切并粘贴到编辑器时它丢失了。字体大小在编辑器中始终相同。

【解决方案2】：

我知道我来晚了，但我遇到了同样的问题，并且能够通过在我的 HTML 的 ClassicEditor.create 部分中添加“fontSize”部分来解决它。

 ClassicEditor
        .create(document.querySelector('.editor'), {
            fontSize: {
                options: [],
                supportAllValues: true
            },
            initialData: ``,
            extraPlugins: [UsersAdapter, CommentsAdapter, TrackChangesAdapter],
            licenseKey: xbuyftcyetbcuweyrtcytq4',
            sidebar: {
                container: document.querySelector('.sidebar')
            },
        })

【讨论】：