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不允许选择表格元素吗？

我被卡住的地方：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

1 个答案: