UniSharp/Laravel Filemanager和TinyMCE集成

Question

我已经完成了laravel项目的全新安装，只是为了试用tinyMCE和UniSharp filemanager。我已经按照github https://github.com/UniSharp/laravel-filemanager上的指导完成了UniSharp + tinyMCE的安装。

所见即所得的编辑器在浏览器中正确显示，我也可以点击图片上传按钮。但是，我在屏幕上显示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> 

任何想法可能是错的什么？

正如我所说 - 这是新鲜的Laravel项目与tinyMCE和UniSharp指导设置。

Answer 1

我想你应该尝试改变absolute_path为path_absolute： “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>