2013-02-03 3 views
9

현재 backbone.js를 사용하여 모달 창을 채우는 새 WordPress 3.5 미디어 관리자를 사용하려고합니다.wordpress 3.5 미디어 매니저 - 내 backbone.js보기 추가

내가 원하는 것은 사용자가 업로드 버튼을 클릭하고 미디어 관리자가 팝업되고 사용자가 이미지를 선택하고 삽입 버튼을 누르면 이미지가 맞춤 입력란에 저장됩니다.

내가 이미 변경하고 싶은 것은 내 자체 템플릿으로 미디어 업 로더의 사이드 바 (사용자가 캡션, 제목, 크기 등을 추가 할 수 있었는지)를 채우는 것뿐입니다.

이미 백본과 함께 작업하는 방법에 대한 수십 개의 자습서를 읽었지 만 지금은 조금 붙어 있습니다. 여기에 지금까지의 코드 내 일부입니다 :

//defined earlier: 
var frame; 

//on click: 

if (file_frame) 
{ 
    file_frame.open(); 
    return; 
} 
else 
{ 
    // Create the media frame. 
    file_frame = wp.media(
    { 
    frame: 'select', 
    state: 'mystate', 
    library: {type: 'image'}, 
    multiple: false 
    }); 

    file_frame.states.add([ 

    new media.controller.Library({ 
     id:   'mystate', 
     title: 'my title', 
     priority: 20, 
     toolbar: 'select', 
     filterable: 'uploaded', 
     library: media.query(file_frame.options.library), 
     multiple: file_frame.options.multiple ? 'reset' : false, 
     editable: true, 
     displayUserSettings: false, 
     displaySettings: true, 
     allowLocalEdits: true, 
      //AttachmentView: ? 

    }), 
    ]); 

file_frame.open(); 

} 
나는이 같은 내 자신의 템플릿을 등록 시도

:

media.view.Attachment.mySidebar = media.view.Settings.AttachmentDisplay.extend(
{ 
    className: 'attachment-display-settings', 
    template: media.template('avia-choose-size') 
}); 

하지만 문제는 : 내가 대신 만이 템플릿을로드 할 수 있었다 잘 모릅니다 원래 사이드 바. AttachmentView 매개 변수를 전달하면 분명히 사이드 바가 아니라 전체 템플릿을 대체하기 때문에 분명히 작동하지 않습니다.

일부 backbone.js 경험이있는 사용자는 누구입니까?

+1

try http://wordpress.stackexchange.com/ –

+0

헤이 크리시 (Hey Kriesi), 새로운 wp.media API에 어려움을 겪고 있으며 응답없이 핵심 코드 뒤에있는 Koop의 도움을 찾고 있습니다. 여기에 내 도전 과제가 있습니다. http://stackoverflow.com/questions/15537480/display-attachments-by-id-in-a-wp-media-frame – Adal

답변

2

질문에 대한 답변을 찾은 적이 있는지 확실하지 않지만 접두어가 붙지 않은 "미디어"개체에 대한 참조를 수정하여 위의 코드를 얻었음을 알려드립니다. "wp." 그래서 ... 새 사용자 정의 상태 코드는 다음과 대신과 같아야합니다

file_frame.states.add([ 

new wp.media.controller.Library({ 
    id:   'mystate', 
    title: 'my title', 
    priority: 20, 
    toolbar: 'select', 
    filterable: 'uploaded', 
    library: wp.media.query(file_frame.options.library), 
    multiple: file_frame.options.multiple ? 'reset' : false, 
    editable: true, 
    displayUserSettings: false, 
    displaySettings: true, 
    allowLocalEdits: true, 
     //AttachmentView: ? 

}), 
]); 

개인적 원인, 나는 file_frame 옵션에 states : 'mystate'을 추가하여 달성 '선택'프레임의 초기 기본 상태를 교체하고 싶어 기본 '선택'상태를 만들지 않고 초기화하는 초기화. 그리고 나서 여러분이 시연했던 것처럼 '신비 (mystate)'를 만드는 것으로 진행되었습니다 (사물 신택스의 두 가지 사소한 변화로).

방법론의 선두 주자가되어 주셔서 감사합니다. 그것은 완벽하게 작동했고 나는 완전히 잃어버린 채 이전에 좌절했습니다.

+0

이제 3 일간의 검색이 끝납니다. 내 인생에서 아무도이 게시물 선택 옵션에서 유일한 쇼 이미지에 대한 선택 옵션을 표시 할 수있는 솔루션을 게시하지 않았습니다. 많은 감사합니다! – SlickRemix