如何在 TYPO3 后端包含 CKEditor 5 插件？

Question

TYPO3 v12 捆绑 CKEditor v5 和我们的客户报告在 TYPO3 v11 / CKEditor v4 中删除的内联样式不再从内容中删除。

例如，我们看到的内容如下：

<span style="background-color;transparent;color:#000000;font-family:'Open Sans',sans-serif;font-size:11pt;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;vertical-align:baseline;white-space:pre-wrap;">...</span>

我认为安装 Paste From Office 插件可以解决这个问题。虽然我可以找到有关 在 TYPO3 中构建并包含我自己的插件的文档，但我不知道如何包含标准的 CKEditor 插件。

我尝试将插件添加到我的站点包的

Configuration/RTE/Default.yaml

，但似乎还不够。

editor:
  config:
    # ...
    importModules:
      - { module: '@ckeditor/ckeditor5-paste-from-office', exports: ['PasteFromOffice'] }

我需要使用 npm 在某个地方下载插件吗？我需要添加一些内容到

Configuration/JavaScriptModules.php

才能加载吗？

或者有没有更好的方法来自动清理粘贴的内容以删除内联样式？

Answer 1

在 v11 中您可能使用了“disallowedContent”。对于 v5，您需要迁移此 https://ckeditor.com/docs/ckeditor5/latest/features/html/general-html-support.html - 请参阅“htmlSupport”选项。这可能根本不允许使用 span.style（如果可以的话）。

实现第三方ckeditor插件可以这样完成：

https://docs.typo3.org/c/typo3/cms-core/main/en-us/Changelog/12.0/Breaking-96874-CKEditor-latedPluginsAndConfiguration.html

https://www.derhansen.de/2023/05/2023-05-05-create-a-custom-ckeditor5-plugin-for-typo3-12.html