UniSharp/Laravel Filemanager 및 TinyMCE 통합

Question

UniSharp 파일 관리자를 사용하여 tinyMCE를 시험해보기 위해 laravel 프로젝트를 새로 설치했습니다. 나는 github https://github.com/UniSharp/laravel-filemanager의 가이드에 따라 UniSharp + tinyMCE 설치를 완료했습니다.

브라우저에서 WYSIWYG 편집기가 올바르게 표시되고 이미지 업로드 버튼을 클릭 할 수 있습니다. 그러나 Objec 오류를 찾을 수 없다는 화면이 나타납니다. 이 같은 설정 외모에 대한

Object Not Found

내 코드입니다. 실물!

<script src="//cdn.tinymce.com/4/tinymce.min.js"></script> 
      <textarea name="content" class="form-control my-editor"></textarea> 
      <script> 
      var editor_config = { 
       path_absolute : "/", 
       selector: "textarea.my-editor", 
       plugins: [ 
       "advlist autolink lists link image charmap print preview hr anchor pagebreak", 
       "searchreplace wordcount visualblocks visualchars code fullscreen", 
       "insertdatetime media nonbreaking save table contextmenu directionality", 
       "emoticons template paste textcolor colorpicker textpattern" 
       ], 
       toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media", 
       relative_urls: false, 
       file_browser_callback : function(field_name, url, type, win) { 
       var x = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth; 
       var y = window.innerHeight|| document.documentElement.clientHeight|| document.getElementsByTagName('body')[0].clientHeight; 

       var cmsURL = editor_config.path_absolute + 'laravel-filemanager?field_name=' + field_name; 
       if (type == 'image') { 
        cmsURL = cmsURL + "&type=Images"; 
       } else { 
        cmsURL = cmsURL + "&type=Files"; 
       } 

       tinyMCE.activeEditor.windowManager.open({ 
        file : cmsURL, 
        title : 'Filemanager', 
        width : x * 0.8, 
        height : y * 0.8, 
        resizable : "yes", 
        close_previous : "no" 
       }); 
       } 
      }; 

      tinymce.init(editor_config); 
      </script> 

어떤 아이디어가 잘못되었을 수 있습니까?

내가 말했듯이 - 그것은 tinyMCE 및 UniSharp 가이드 설치가 포함 된 신선한 Laravel Project입니다.

Answer 1

나는 당신이 시도하고 path_absolute에 absolute_path을 변경해야한다고 생각 : "http://localhost/project-name/public/"

전체 스크립트가이

<script> 
    var editor_config = { 
     path_absolute : "http://localhost/project-name/public/", 
     selector: "textarea.my-editor", 
     plugins: [ 
      "advlist autolink lists link image charmap print preview hr anchor pagebreak", 
      "searchreplace wordcount visualblocks visualchars code fullscreen", 
      "insertdatetime media nonbreaking save table contextmenu directionality", 
      "emoticons template paste textcolor colorpicker textpattern" 
     ], 
     toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media", 
     relative_urls: false, 
     file_browser_callback : function(field_name, url, type, win) { 
      var x = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth; 
      var y = window.innerHeight|| document.documentElement.clientHeight|| document.getElementsByTagName('body')[0].clientHeight; 

      var cmsURL = editor_config.path_absolute + 'laravel-filemanager?field_name=' + field_name; 
      if (type == 'image') { 
       cmsURL = cmsURL + "&type=Images"; 
      } else { 
       cmsURL = cmsURL + "&type=Files"; 
      } 

      tinyMCE.activeEditor.windowManager.open({ 
       file : cmsURL, 
       title : 'Filemanager', 
       width : x * 0.8, 
       height : y * 0.8, 
       resizable : "yes", 
       close_previous : "no" 
      }); 
     } 
    }; 

    tinymce.init(editor_config); 
</script>