Adobe Creative SDK を a-blog cms に導入し PRODUCTION MODE で利用できるようにしてみた

<!-- Load Feather code -->
<script type="text/javascript" src="http://feather.aviary.com/imaging/v2/editor.js"></script>
 
<!-- Instantiate Feather -->
<script>
var featherEditor = new Aviary.Feather({
    apiKey: '＊＊＊APIKEY＊＊＊',
    theme: 'dark', // Check out our new 'light' and 'dark' themes!
    tools: 'all',
    appendTo: '',
    maxSize: 1400, // large 画像のサイズを指定
    onSave: function(imageID, newURL) {
        var image           = new Image(),
            target          = this.target,
            createObjectURL = window.URL && window.URL.createObjectURL,
            req             = new XMLHttpRequest();
 
        req.open('GET', newURL, true);
        req.responseType = 'blob';
        req.send(null);
        
        req.onload = function( ) {
            if ( req.status != 200 ) {
                alert('error');
                return false;
            }
 
            // Ver. 2.6.1以上
            var resize = new ACMS.Dispatch.Imgresize(target);
 
            image.force         = true;
            image.target        = target;
            image.mime          = req.response.type;
            image.onload        = ACMS.Dispatch.Utility.imgToDataURL;
            image.src           = createObjectURL(req.response);
            image.callback      = function ( elm, dataUrl, reisze ) {
                resize.set(target, dataUrl, true);
            };
    
            featherEditor.close();
        };
    },
    onError: function(errorObj) {
        alert(errorObj.message);
    }
});
 
ACMS.addListener("acmsAddUnit", function( event ) {
    var item = event.obj.item;
 
    $('.js-adobe_cc_sdk', item).on("click", function() {
        var $self   = $(this),
            id      = $self.data('id'),
            src     = $self.data('src');
 
        featherEditor.launch({
            image: id,
            url: src,
            target: item
        });
        return false;
    });
});
</script>

<!-- BEGIN_IF [{tiny}/nem/] -->
<td class="entryFormFileentryFormImages">
	<!-- BEGIN_IF [{largeX}/nem/] -->
	<a href="#" data-id="{id}" data-src="%{HTTP_ARCHIVES_DIR}{popup}[split("/",0)]/{popup}[split("/",1)]/large-{popup}[split("/",2)]" class="js-adobe_cc_sdk js-img_data_url"><img id="{id}" src="%{ARCHIVES_DIR}{tiny}" width="{tinyX}" height="{tinyY}" alt="プレビュー1" class="js-img_resize_preview entryFormFileImage" /></a>
	<!-- ELSE -->
	<a href="#" data-id="{id}" data-src="%{HTTP_ARCHIVES_DIR}{popup}" class="js-adobe_cc_sdk js-img_data_url"><img id="{id}" src="%{ARCHIVES_DIR}{tiny}" width="{tinyX}" height="{tinyY}" alt="プレビュー1" class="js-img_resize_preview entryFormFileImage" /></a>
	<!-- END_IF -->
</td>
<!-- ELSE -->
<td class="entryFormFileentryFormImages">
	<a href="#" data-id="{id}" data-src="" class="js-adobe_cc_sdk js-img_data_url"><img id="{id}" src="" width="280" alt="プレビュー2" class="js-img_resize_preview entryFormFileImage" style="display:none;" />
	</a>
</td>
<!-- END_IF -->