如何在Typo3 CKEditor中添加自定义HTML代码并避免被移除？

问题核心是CKEditor的自动内容过滤（ACF）或TYPO3的RTE安全策略限制了<button>标签的保存，以下是具体解决步骤：

• 调整CKEditor的内容过滤规则
  进入站点管理→对应站点→配置→RTE，在editor.config节点下添加允许规则：

  editor:
    config:
      # 方式1：关闭ACF（灵活但需注意内容安全）
      allowedContent: true
      # 方式2：精细控制，仅允许<button>及所需属性（更安全）
      extraAllowedContent: 'button[class,type]'
  

  如果使用自定义RTE预设文件（如Configuration/RTE/Default.yaml），直接在对应文件的editor.config下添加上述配置即可。

• 修改TYPO3的HTML sanitize规则
  打开typo3conf/AdditionalConfiguration.php，添加或调整RTE内容清理的允许标签和属性：

  $GLOBALS['TYPO3_CONF_VARS']['BE']['htmlSanitizeRTE'] = [
      'allowTags' => array_merge(
          $GLOBALS['TYPO3_CONF_VARS']['BE']['htmlSanitizeRTE']['allowTags'] ?? [],
          ['button']
      ),
      'allowAttributes' => array_merge(
          $GLOBALS['TYPO3_CONF_VARS']['BE']['htmlSanitizeRTE']['allowAttributes'] ?? [],
          ['button' => ['class', 'type']]
      ),
  ];
  

• 清除缓存并验证
  保存所有配置后，清除TYPO3的全部缓存（页面缓存、配置缓存等），重新打开CKEditor源代码模式输入<button>代码，保存后即可看到代码被保留。

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