gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-29 19:24:13 27 4
gpt4 key购买 nike

我实现了一个自定义按钮,允许用户将表格添加到编辑器,效果很好。但是,我似乎无法在单击新添加的表格时触发 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');

我尝试将元素设置为 tdtrtbodytable,但都没有那些工作。如果我将其设置为 aimg,则在编辑器中单击其中一个元素会触发警报。

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

Plunkr 我被困在哪里:http://plnkr.co/edit/tm1dMv?p=preview

最佳答案

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

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

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

就是这样!

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

关于javascript - TextAngular 自定义工具栏按钮 onElementSelect 不适用于表/tr/td,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31568957/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com