2017-09-05 3 views
0

tinymce 편집기에서 내 이미지를 편집하려고합니다. 이미 이미지가 있습니다.이 이미지의 경로를 편집하여 다음과 같이 변경하십시오.JS - 내 주석으로 이미지를 동적으로 변경하는 방법

tinymce.activeEditor.selection.getNode().src = '/my/path/' 

이미지가 편집되지만 편집자의 HTML 콘텐츠를 가져올 때 src는 여전히 이전 이미지입니다.

이미지 소스를 변경하는 다른 방법이 있습니까?

답변

0

, 여기 좀 봐 이렇게 쉬운 방법이 있습니다 :

이 tinymce.init에서 file_browser_callback : myFileBrowser,를 사용하여 사용자 정의 파일 브라우저를 만듭니다. 콜백 함수에서 그런

`기능 myFileBrowser (FIELD_NAME, URL, 유형, 승리) {이렇게

tinyMCE.activeEditor.windowManager.open({ 
     file : './test.html', 
     title : 'My File Browser', 
     width : 420, // Your dimensions may differ - toy around with them! 
     height : 400, 
     resizable : "yes", 
     close_previous : "no" 
    }, { 
     window : win, 
     input : field_name 
    }); 
    return false; 
}` 

새 팝업 느릅 나무를 엽니 다 작은 MCE에게 파일 '인 test.html'입니다 팝업에 두 개의 매개 변수 window : win, input : field_name을 보냅니다.

는 그런 다음 test.html를 당신은 다음과 같이 이러한 매개 변수를 얻을 수 있습니다 :

var args = top.tinymce.activeEditor.windowManager.getParams(); 

이 당신의 매개 변수와 가치가 포함 된 객체를 제공 할 것입니다. 이제 작은 jquery 또는 이미지 값 필드를 새 이미지의 경로로 바꾸려는 모든 것을 사용할 수 있습니다. 팝업을 닫으십시오.

희망은 당신을 도왔습니다.