2014-12-03 467 views
2

當我將腳本標記<script src="../Scripts/tinymce.min.js"></script>添加到我的頁面時,TinyMCE加載正常 - 插件和主題引用.min版本。但是,當我刪除腳本標記並嘗試使用jQuery加載它時,它將引用非縮小版本,如控制檯日誌中所述。我使用TinyMCE的v4.1.7(情節中字)動態加載TinyMCE - 錯誤的插件,主題路徑

 $.getScript('http://localhost:52417/Scripts/tinymce.min.js', function() { 
      window.tinymce.dom.Event.domLoaded = true; 
      tinymce.baseURL = 'http://localhost:52417/Scripts'; 
      tinymce.init({ 
       selector: '#announcementText', 
       plugins: ['link image'], 
       toolbar: 'undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist | outdent indent | link image', 
       menubar: false, 
       statusbar: false 
      }); 
     }); 

GET http://localhost:52417/Scripts/themes/modern/theme.js 404 (Not Found) GET http://localhost:52417/Scripts/plugins/link/plugin.js 404 (Not Found) GET http://localhost:52417/Scripts/plugins/image/plugin.js 404 (Not Found)

的domLoaded和線條基本URL從上的其他例子中,並沒有發揮作用。我怎樣才能讓它引用主題和插件的正確路徑?

回答

0

我唯一能提出的解決方案是將theme.min.js和plugin.min.js文件複製並重命名爲theme.js和plugin.js,並將其與縮小版本一起發佈。

17

添加tinymce.suffix = '.min';調用tinymce.init()

0

最好的解決方案之前,包括在<script>標籤在HTML插件。

然後使用一些lib中打包這些文件合併成一個,以減少請求的數量serwer 例如用於Symfony2的(在樹枝模板):

{% javascripts output='js/tinymce_plugins.js' filter='?uglifyjs2' 
      '@BrokerStarCommonBundle/Resources/public/js/tinymce/themes/modern/theme.min.js' 
      '@BrokerStarCommonBundle/Resources/public/js/tinymce/plugins/advlist/plugin.min.js' 
      '@BrokerStarCommonBundle/Resources/public/js/tinymce/plugins/autolink/plugin.min.js' 
      ............. 

'@BrokerStarCommonBundle/Resources/public/js/tinymce/plugins/textpattern/plugin.min.js' 
      '@BrokerStarCommonBundle/Resources/public/js/tinymce/plugins/tabbutton/plugin.min.js' 
      '@BrokerStarCommonBundle/Resources/public/js/tinymce/plugins/checkboxes/plugin.min.js' 
      '@BrokerStarCommonBundle/Resources/public/js/tinymce/plugins/noneditable/plugin.min.js' 
      %} 
      <script type="text/javascript" src="{{ asset_url }}"></script> 
      {% endjavascripts %} 
      <script>