Question

我正在使用https://www.tiny.cloud/docs/ui-components/dialog/此处的文档测试TinyMCE多选项卡对话框。我可以在各个标签之间切换，也可以从任何一个标签中提交，但是有没有办法在提交时获取活动的标签？

我能够从提交时的活动选项卡访问数据，但是文档中没有任何内容显示如何检测提交表单时打开了哪个选项卡（除非我错过了什么）。链接到工作提琴：https://jsfiddle.net/byoung2/05ntx1ro/3/

onSubmit: function(api) {
  var data = api.getData();
  //Can I access the active tab here?

  tinymce.activeEditor.execCommand('mceInsertContent', false, `
                <span itemscope itemtype="https://schema.org/Organization"><a itemprop="url" href="${ data.url }"><strong itemprop="name">${ data.name }</strong></a></p>
  `);
  api.close();
}

在提交处理程序中可以使用一种方法来告诉我所提交的标签页的名称吗？

Answer 1

不是最干净的方法，但这可行

onTabChange: (dialogApi, details) => {
  currentTab = details.newTabName;
  console.log('changed',details.newTabName)
}

我会看着它并设置一个变量

如何通过TinyMCE对话框提交活动的tabPanel？

1 个答案: