0

独自のカスタム ダイアログ内で Avairy (Adobe Creative SDK、Web バージョンから) を使用する必要があります。

ダイアログの代わりにAviryのdivを取得する方法はありますか? 自分のダイアログ内に配置します。

主な問題は、 avairyEditor.launch() メソッドがダイアログを開くことであり、他のことを行う簡単な方法がわかりません。

私自身のハックを書く唯一の方法はありますか（ダイアログを表示してそこからdivをカットするのは見えません）、それともほとんど血を流さずにそれを行うことができますか？

4

2 に答える 2

0

はい、構成で 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

于 2015-11-25T09:29:11.357 に答える