Question

我需要在我自己的自定义对话框中使用Avairy（来自Adobe Creative SDK，Web版本）。

有没有办法让Avairy的div而不是对话？我会将它放在我自己的对话框中。

主要问题是方法avairyEditor.launch（）打开一个对话框，我看不到做其他事情的简单方法。

是否有唯一的方法来编写我自己的黑客（隐形显示对话框并从中删除div）或者我可以做到几乎没有任何血液？

Answer 1

是的，您需要在配置中使用appendTo选项。

您的HTML：

<!-- Aviary div container. You can use absolute/relative positioning -->
<div id='aviary' style='width:600px;height:400px;'></div>

<!-- Add an edit button, passing the HTML id of the image
    and the public URL to the image -->
<a href="#" onclick="return launchEditor('editableimage1', 
    'http://example.com/public/images/goat.jpg');">Edit!</a>

<!-- original line of HTML here: -->
<img id="editableimage1" src="http://example.com/public/images/goat.jpg"/>

您的JavaScript：

var featherEditor = new Aviary.Feather({
    apiKey: '1234567',
    appendTo: 'aviary'
    onSave: function(imageID, newURL) {
        var img = document.getElementById(imageID);
        img.src = newURL;
    }
});

function launchEditor(id, src) {
    featherEditor.launch({
        image: id,
        url: src
    });
    return false;
}

文档：

https://creativesdk.adobe.com/docs/web/#/articles/gettingstarted/index.html#constructor-config-appendTo

Answer 2

为了更接近您的尝试，除了以下属性外，请考虑使用Juangui提到的https://api.instagram.com/oauth/authorize/?client_id=CLIENT-ID&redirect_uri=REDIRECT-URI&response_type=code&scope=basic+public_content属性：

appendTo

之后，您可以add some custom styling更好地匹配应用的其余部分。

在没有对话框的情况下启动Avairy（在div内）

2 个答案: