javascript - TextAngular 自定义工具栏按钮 onElementSelect 不适用于 table/tr/td

Question

我已经实现了一个自定义按钮，允许用户将表格添加到编辑器，效果很好。但是，当单击新添加的表时，我似乎无法触发 onElementSelect 。目标是当用户单击表格时，将显示一个弹出窗口，允许用户编辑列/行数。目前，我只是触发警报。

taRegisterTool('insertTable', {
      iconclass: 'fa fa-table',
      tooltiptext: 'Insert table',
      onElementSelect: {
        element: 'td',
        action: function(event, $element, editorScope){
         alert('table clicked!');
         // once we get here, I will add the necessary code to implement the table editor
      },
      action: function($deferred){...

        ...
    });
    taOptions.toolbar[1].push('insertTable');

我尝试将元素设置为 td、tr、tbody 和 table，但都没有这些工作。如果我将其设置为 a 或 img，则单击编辑器中的这些元素之一会触发警报。

我添加了用于插入链接和图像的自定义工具栏按钮，并且使用此方法可以正常工作。 textAngular 是否不允许选择表格元素？

Plunkr 告诉我我被困的地方:http://plnkr.co/edit/tm1dMv?p=preview

Answer 1

经过大量挖掘，我发现了以下内容:

在 textAngularSetup.js 文件中的第 55 行左右，您可以添加您希望能够在其上创建点击事件的其他元素。

.value('taSelectableElements', ['a','img','td'])

就是这样!

Plunkr 更新了工作示例:http://plnkr.co/edit/tm1dMv?p=preview