0

链接到浏览器文本编辑器
我有我想在编辑器中添加的图像列表。我尝试了很多不同的东西，主要是使用添加图像的自定义工具栏。有没有办法在外面触发taOptions？我最近的尝试：

taRegisterTool('uploadImage', {
    iconclass: 'icon-picture-o',
    action: function(){
        var self = this;
        myPhotos.addImage = function() {
            if (myPhotos.selectedToAdd) self.$editor().wrapSelection('insertImage', myPhotos.selectedToAdd.url, true);
        }
    },
    onElementSelect: onElementSelect
});

myPhoto 是工厂，当用户单击图像时会调用函数 addImage。当用户打开图像列表时调用工具栏。这是第一次工作，但是在第二张图像上单击它不会添加图像，即使调用了函数 addImage 也是如此。

编辑：我现在已经在 taRegisterTool 中重复了所有内容。

taRegisterTool('allImages', {
    display: '<img ng-src="{{photo.url}}" class="nw-photofromgal" ng-repeat="photo in options" ng-click="action($event, photo)">',
    action: function(event, photo){
        console.log(event);
        console.log(photo);
        this.$editor().wrapSelection('insertImage', photo.url, true);
    },
    options: myPhotos.images
});

但是我仍然有添加照片的问题，ng-click 不起作用，我得到了一个作为参数的承诺。

4

1 回答 1

0

我为图像添加了容器，并且 ng-click 得到了修复。

taRegisterTool('allImages', {
    display: '<span><img ng-src="{{photo.url}}" class="nw-photofromgal" ng-repeat="photo in options" ng-click="action($event, photo)"></span>',
    action: function(event, photo){
        console.log(event);
        console.log(photo);
        this.$editor().wrapSelection('insertImage', photo.url, true);
    },
    options: myPhotos.images
});
于 2016-06-22T23:21:44.367 回答