如何修改Apex交互式网格列中Rich Text Editor的工具栏？

在Apex中，表单和交互式网格（IG）的Rich Text Editor初始化逻辑存在差异，直接复用表单的初始化函数无法生效——原因是IG的单元格编辑器是动态创建的，列级的初始化函数未被正确触发。可以通过绑定IG的initializeEditor事件来定制TinyMCE工具栏，具体步骤如下：

1. 获取交互式网格实例并绑定事件 #

在页面的JavaScript脚本（比如页面加载时的"Execute when Page Loads"区域）中添加以下代码：

// 替换为你的交互式网格静态ID
const igRegion = apex.region("YOUR_IG_STATIC_ID").widget().interactiveGrid("getViews", "grid");

igRegion.on("initializeEditor", function(event, ui) {
    // 确认当前编辑器为Rich Text Editor（TinyMCE）
    if (ui.editorType === "RICH_TEXT_EDITOR") {
        // 自定义工具栏按钮集合
        ui.options.editorOptions.toolbar = "styles bold italic underline link bullist numlist indent outdent undo redo";
    }
});

2. 关键注意事项 #

• 务必将代码中的YOUR_IG_STATIC_ID替换为你的交互式网格实际静态ID（可在IG属性的"Advanced"标签下查看）。
• initializeEditor事件会在IG单元格编辑器初始化前触发，此时修改配置参数能确保设置被正确应用。
• 无需再在列的"Initialization JavaScript Function"中添加代码，避免配置冲突。

3. 验证效果 #

保存页面后，进入交互式网格的单元格编辑模式，检查Rich Text Editor的工具栏是否已更新为自定义的按钮集合。

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