在 Ckeditor 5 中添加自定义样式

问题描述

我试图找到答案几天但没有找到。

如何像在 Ckeditor 4 中一样添加自定义样式(例如,使用 CKEDITOR.stylesSet.add)?

谢谢

解决方法

完整编辑 CkEditor css 文件,可在 This guide

来自页面:

默认情况下,内容样式由编辑器 JavaScript 加载,这使得它们只存在 当用户编辑他们的内容时,这通常发生在应用程序的后端。如果您想在前端使用相同的样式,您可能会发现自己需要为此目的加载 CKEditor,这(性能方面)不是最好的主意。

为了避免前端不必要的依赖,请使用包含所有编辑器功能使用的 CKEditor 5 内容样式的完整列表的样式表。有两种获取方式:

直接从本指南中获取并将其保存为应用程序中的静态资源(例如 content-styles.css)(推荐)。 通过使用专用脚本生成它。在开发环境指南中了解更多信息。 通过将以下代码添加到模板中,在您的应用程序中加载 content-styles.css 文件: