TinyMCE - 이미지 업로드 방법

Question

이미지를 업로드하고 클래스를 지정하고 편집기에 배치하려고합니다. 여기 내 전체 tinymce 코드입니다.

tinymce.init({ 
    selector: "#editor", 
    file_browser_callback_types: 'file image media', 
    menubar: false, 
    resize: false, 
    statusbar: false, 
    plugins: ["code autoresize autolink table image media"], 
    toolbar1: "undo redo bold italic alignleft aligncenter alignright alignjustify fontsizeselect bullist numlist outdent indent backcolor image media", 
    file_browser_callback: function(field_name, url, type, win) { 
      if(type=='image') $('#my_form input').click(); 
     }, 

    image_caption: true, 
    image_description: false, 
    image_dimensions: false, 
    image_advtab: true, 
    image_class_list: [ 
    {title: 'None', value: ''}, 
    {title: 'Dog', value: 'dog'}, 
    {title: 'Cat', value: 'cat'} 
    ], 
    style_formats: [ 
    {title: 'Image Left', selector: 'img', styles: { 
    'float' : 'left', 
    'margin': '0 10px 0 10px' 
    }}, 
    {title: 'Image Right', selector: 'img', styles: { 
    'float' : 'right', 
    'margin': '0 10px 0 10px' 
    }} 
    ], 
}); 

클릭하시면 img 아이콘이 나타납니다.

그러나 팝업가 죽었 내부 사진 아이콘을 클릭합니다.

어떤 도움이 필요합니까?

Answer 1

귀하의 file_picker_callback 기능은 실제로 아무 것도하지 않습니다 ... 당신이해야 할 일은 프로세스가 파일을 선택할 수있게하는 것입니다. TinyMCE 문서에는 다음과 같은 예가 있습니다.

https://www.tinymce.com/docs/demo/file-picker/