0

我在 Textangular 中实现了一个自定义图像上传器，它使用 Dropbox 选择器从 Dropbox 上传/检索图像。它可以工作，并且图像被插入到文本中，但我无法调整它的大小。

通常，如果您将鼠标悬停在图像上，您会看到一个类似菜单的弹出菜单，其中包含调整图像大小的选项。这没有发生。

代码应该很简单，但我找不到问题所在。

// custom button in textAngular
$provide.decorator('taOptions', ['taRegisterTool', '$delegate', function(taRegisterTool, taOptions){                
    var that;
    // options for the dropbox choser
    var options = {
        // Required. Called when a user selects an item in the Chooser.
        success: function(files) {
            that.$editor().wrapSelection('insertImage', files[0].link);
        },
        linkType: "direct", // or "direct"      
        extensions: ['images'],
    };
    taRegisterTool('DropboxChooser', {
        iconclass: "fa fa-picture-o",
        action: function(){
            // makes the editor available outside
            that = this;
            // launches the dropbox chooser
            Dropbox.choose(options);                
        }
    });
    // add the button to the default toolbar definition
    taOptions.toolbar[1].push('DropboxChooser');
    return taOptions;
}]);

任何的想法？

4

1 回答 1

1

我修好了它。

所以查看原始代码，我们可以看到在 insertImage 片段中我们有以下内容：

taRegisterTool('insertImage', {
        iconclass: 'fa fa-picture-o',
        tooltiptext: taTranslations.insertImage.tooltip,
        action: function(){
            //bla bla bla );
            }
        }, // here comes the interesting part
        onElementSelect: {
            element: 'img',
            action: taToolFunctions.imgOnSelectAction
        }
    });

所以我们要做的是导入 taToolFunctions，我们也可以这样做：

$provide.decorator('taOptions', ['taRegisterTool', 'taToolFunctions', '$delegate', function(taRegisterTool, taToolFunctions, taOptions){
于 2016-05-25T13:28:33.127 回答