2

我正在使用Textangular 1.4.6和 Angular 1.4.7。我需要在工具栏中添加一个下拉菜单,所以我编写了以下代码:

$provide.decorator('taOptions', [
            'taRegisterTool',
            '$delegate',
            function (taRegisterTool, taOptions) {
                // $delegate is the taOptions we are decorating
                // register the tool with textAngular
                taRegisterTool('parameterscombo', {
                    display: '<button class="btn" type="button" data-animation="am-fade" bs-dropdown="content" aria-haspopup="true" aria-expanded="false">Select parameter</button>',
                    content: [
                        {
                            text: 1,
                            click: 'action(item)'
                        },
                        {
                            text: 2,
                            click: 'action(item)'
                        },
                        {
                            text: 3,
                            click: 'action(item)'
                        },
                        {
                            text: 4,
                            click: 'action(item)'
                        }
                    ],
                    action: function (item) {
                        if (item.text) {
                            this.$editor().wrapSelection('insertHtml', item.text + '***');
                        }
                    }
                });
                // add the button to the default toolbar definition
                taOptions.toolbar[1].push('parameterscombo');
                return taOptions;
            }
        ]);

显示下拉菜单,我可以选择一个值并将其插入到 textarea 中。问题是我第一次选择一个值时,它被插入到了正确的位置(光标所在的位置),但第二次之后,它总是将值放在文本的开头。

这是一个 plunkr:http ://plnkr.co/edit/UZQk3jQ5xEpMJdNLonBO?p=preview

4

0 回答 0