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