You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

TYPO3:如何阻止rte_ckeditor移除手动添加的font标签?

解决TYPO3 rte_ckeditor移除font标签的问题

嘿,这个问题我之前也碰到过!TYPO3的rte_ckeditor默认会过滤掉它不认可的HTML标签,font标签刚好在这个黑名单里。要留住它,你得调整编辑器和内容渲染的双重配置,具体步骤如下:

1. 调整RTE编辑器的标签允许规则

首先找到你的RTE配置文件,一般是站点扩展里的Configuration/RTE/Default.yaml(推荐用扩展配置,方便维护),或者全局的typo3conf/AdditionalConfiguration.php。

如果用YAML配置,添加以下内容来允许font标签及其常用属性:

editor:
  config:
    # 如果你想快速放开,允许所有内容(不推荐,除非你信任所有编辑者)
    # allowedContent: true
    # 更安全的方式:明确允许font标签和它的属性
    extraAllowedContent: 'font[face,size,color];'

或者更精细地定义允许的内容集合:

editor:
  config:
    allowedContent:
      p: true
      h1-h6: true
      strong em: true
      ul ol li: true
      a[!href]: true
      font[face,size,color]: true

2. 确保前端渲染不过滤font标签

光编辑器允许还不够,TYPO3的内容解析函数可能还会在输出时过滤掉font标签。你需要在TypoScript配置里调整lib.parseFunc_RTE:

lib.parseFunc_RTE {
  # 把font标签加入允许列表
  allowTags := addToList(font)
  # 允许font标签的face、size、color属性
  allowTags.font.allowedAttribs := addToList(face,size,color)
}

3. 清除缓存生效

最后一步很关键!去TYPO3后台的"清除缓存"菜单,把所有缓存(页面缓存、配置缓存)都清一遍,新配置才会生效。

小提示

font标签其实是HTML4的遗留标签,HTML5更推荐用CSS样式(比如style="font-family:Arial;font-size:14px;color:#ff0000")来控制字体样式。如果不是业务强制要求,改用CSS样式会更符合现代标准哦~

内容的提问来源于stack exchange,提问作者Tomas

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.20 11:56:23