如何在TYPO3 12中激活CKEditor 5的字体功能？

问题根源 #

控制台报错toolbarview-item-unavailable Object { item: "fontColor" }，本质是CKEditor 5的字体相关插件并未被TYPO3默认加载，且工具栏未配置对应按钮。

具体配置步骤 #

1. 后台可视化配置（推荐） #

• 登录TYPO3后台，进入「设置」>「内容编辑器配置」
• 选择需要修改的CKEditor配置项（如默认的default）
• 切换到「编辑器配置」标签，在「插件」区域勾选以下插件：
  • fontcolor（字体颜色）
  • fontsize（字体大小）
  • fontfamily（字体家族）
  • fontbackgroundcolor（字体背景色）
• 切换到「工具栏配置」标签，将FontColor、FontBackgroundColor、FontSize、FontFamily按钮拖拽到工具栏的目标位置
• 保存配置后，刷新内容编辑页面即可生效

2. TypoScript代码配置 #

若需通过代码批量配置，在站点TypoScript模板中添加：

editor.config {
  # 加载字体相关插件
  extraPlugins = fontcolor,fontsize,fontfamily,fontbackgroundcolor
  # 将字体按钮加入工具栏（替换[现有工具栏按钮]为实际配置）
  toolbar = [现有工具栏按钮], FontColor, FontBackgroundColor, FontSize, FontFamily
}

3. 验证 #

刷新后台内容编辑界面，检查工具栏是否显示字体控制按钮，同时确认控制台不再出现相关报错。

内容的提问来源于stack exchange，提问作者Christopher