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

Question

我实现了一个自定义按钮，允许用户向编辑器添加 table，效果很好。但是，我似乎无法在单击新添加的 table 时触发 onElementSelect。目标是当用户单击 table 时，将显示一个弹出窗口，允许用户编辑 columns/rows 的数量。现在，我只是触发警报。

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，但这些方法的 none 有效。如果我将其设置为 a 或 img，在编辑器中单击这些元素之一会触发警报。

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

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

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

TextAngular custom toolbar button onElementSelect not working for table/tr/td

javascript

angularjs

textangular