在TYPO3后端通过JavaScript获取CKEditor的字段名、表名及记录UID

我之前在TYPO3后端开发自定义JS时，也碰到过和你一样的问题——已经能拿到tablename和uid，但CKEditor对应的fieldname总是不好获取。分享几个亲测有效的简便方法：

方法1：从CKEditor实例关联的DOM元素提取 #

每个CKEditor实例初始化时，都会和页面上的原始输入元素（通常是textarea或hidden字段）绑定。直接通过编辑器的element属性拿到这个DOM元素，它的name属性就是我们要的fieldname：

// 遍历所有已加载的CKEditor实例
Object.values(CKEDITOR.instances).forEach(editor => {
    // 获取关联元素的name属性
    const fieldName = editor.element.getAttribute('name');
    console.log('当前编辑器对应字段:', fieldName);
    
    // 如果是嵌套字段（比如IRRE里的），可以进一步解析核心字段名
    // 示例：从"tx_myext_domain_model_item[0][bodytext]"提取"bodytext"
    const coreField = fieldName.match(/\[(\w+)\]$/)[1];
    console.log('核心字段名:', coreField);
});

这个方法兼容性极强，不管是普通页面的编辑器还是IRRE内嵌的编辑器都能生效。

方法2：利用TYPO3全局FormEngine配置 #

TYPO3后端编辑页面会暴露全局JS变量TYPO3.settings.FormEngine，里面包含当前编辑表单的完整字段配置。我们可以直接筛选出类型为rte（CKEditor对应的字段类型）的字段：

if (TYPO3?.settings?.FormEngine?.fields) {
    // 遍历所有表单字段，筛选RTE类型
    Object.entries(TYPO3.settings.FormEngine.fields).forEach(([fieldName, config]) => {
        if (config.type === 'rte') {
            console.log('找到RTE字段:', fieldName);
        }
    });
}

如果你已经拿到了当前编辑的tablename和uid，结合这个配置可以精准定位到当前记录对应的所有CKEditor字段。

方法3：解析CKEditor实例名 #

TYPO3生成的CKEditor实例名通常包含字段信息，比如格式可能是tx_myext_domain_model_article[bodytext]。我们可以直接从实例名里提取字段名：

// 假设你已经拿到了目标编辑器实例
const editor = CKEDITOR.instances['tx_myext_domain_model_article[bodytext]'];
// 正则匹配末尾的字段名
const fieldMatch = editor.name.match(/\[(\w+)\]$/);
if (fieldMatch) {
    const fieldName = fieldMatch[1];
    console.log('字段名:', fieldName);
}

这个方法简单直接，但要注意TYPO3版本不同可能实例名格式略有变化，测试时可以先打印editor.name确认格式。

这些方法都不需要复杂的DOM遍历，比你之前尝试的方式要简便很多，你可以根据自己的场景选择最合适的一种。

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