如何在TinyMCE v5.8.2 Angular中仅移除表格属性的显示标题选项

无需安装付费或额外开源插件，可通过编辑器的setup配置项自定义表格属性对话框，具体实现步骤如下：

• 在TinyMCE初始化代码中添加setup函数，监听tableprops:beforeopen事件，移除对应选项：

tinymce.init({
  selector: 'textarea',
  plugins: 'table',
  toolbar: 'table',
  setup: function(editor) {
    editor.on('tableprops:beforeopen', function(dialogApi) {
      const dialogConfig = dialogApi.getConfig();
      // 定位到「显示标题」对应的配置字段（name为"caption"）
      const captionFieldPos = dialogConfig.body.findIndex(item => item.name === 'caption');
      if (captionFieldPos !== -1) {
        dialogConfig.body.splice(captionFieldPos, 1);
        dialogApi.setConfig(dialogConfig);
      }
    });
  }
});

• 原理说明：通过监听表格属性对话框打开前的事件，直接修改对话框的配置结构，仅移除name为caption的字段（对应界面上的「显示标题」选项），不会影响其他表格属性的展示。

• 验证：启动编辑器后打开表格属性面板，即可确认「显示标题」选项已被移除，其余属性保持正常可用。

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