Apply styles to HTML output of CKEditor 5

Question

I'm using CKEditor 5 to help my customers to publish their articles. But the content generated by the editor is pure HTML piece. How to style the content? Is it possible that the content styled in page's <div/> is the same with styled in ckeditor5?

I know that I can write CSS for the contents, is the best way?

Answer 1

您的问题可归结为以下FAQ entry：

  

没有诸如content.css文件之类的东西，因为在CKEditor 5中   功能自带内容样式，默认情况下包含   在JavaScript构建中并由样式加载器加载（它们可以是   提取）。它根据以下样式优化构建的大小：   未使用的功能将被排除。

     

尽管这些功能提供了某些样式，但这取决于   开发人员，以确保由CKEditor 5创建的内容正确无误   在前端和后端进行样式设置。样式   内容（在后端）中，请使用.ck-content CSS类

此刻，编辑器提供的内容样式很少。因此，网站维护人员必须在前端/后端对样式进行编辑。

例如，要确保<a>元素的样式正确，您可能需要这样的东西：

#content-container-in-frontend a,
#backend-container .ck-content a {
   ...
}

---

P.S。请在the issue about content styles中发表您的意见。我们很想知道更多关于您的用例（您的环境是什么？您使用Webpack吗？如何在项目中管理样式？），您希望得到什么以及最适合您的情况。