ユーザーがテーブルをエディターに追加できるようにするカスタム ボタンを実装しましたが、これは正常に機能します。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