在 CKEditor 的配置中添加代码

要在 CKEditor 的配置中添加代码，你需要使用 `config.codeSnippet_languages` 和 `config.codeSnippet_theme` 选项。

首先，你需要加载 CodeSnippet 插件。可以使用以下代码：

<script src="https://cdn.ckeditor.com/ckeditor5/29.2.0/classic/ckeditor.js"></script>
<script src="https://cdn.ckeditor.com/ckeditor5/29.2.0/classic/translations/zh-cn.js"></script>

然后，你需要在 CKEditor 的配置中添加以下代码：

ClassicEditor
    .create( document.querySelector( '#editor' ), {
        codeSnippet_languages: {
            css: 'CSS',
            html: 'HTML',
            javascript: 'JavaScript',
            php: 'PHP'
        },
        codeSnippet_theme: 'default'
    } )
    .catch( error => {
        console.error( error );
    } );

在上述代码中，`#editor` 是你的 CKEditor 实例的 ID。`codeSnippet_languages` 选项允许你指定可用的代码语言和它们的显示名称。`codeSnippet_theme` 选项指定代码段的主题。

现在，你可以在 CKEditor 中使用代码段了。在编辑器中，单击“代码段”按钮，然后选择一个语言。在弹出的代码段对话框中，输入你的代码。单击“插入”按钮将代码插入到编辑器中。