2016-04-07 58 views
0

我正在使用角度ui tinymce擴展。我想知道如何設置打印功能以在編輯器上顯示。我曾嘗試添加打印功能,但編輯器本身並未顯示出來。這裏是我的html:Angular UI TinyMCE,如何設置打印功能

<textarea ui-tinymce="tinymceOptions" name="template_content" ng-model="templateDocument.content"></textarea> 

下面是編輯器JavaScript的配置:

$scope.tinymceOptions = { 
     inline: false, 
     plugins : ['code lists preview paste pagebreak advlist wordcount print'], 
     skin: 'lightgray', 
     theme : 'modern', 
     trusted: true, 
     height: 500, 
     format: 'raw', 
     menubar: true, 
     toolbar: [ 
      "undo redo paste | styleselect | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | pagebreak | code preview" 
     ] 
     }; 

當我從插件屬性中刪除打印,編輯是顯示出來。我在編輯器配置中做錯了什麼?提前致謝。

回答

0

嘗試加載此init時,您在控制檯中遇到了哪些JavaScript錯誤?通常情況下,如果加載插件會導致init失敗,那是因爲該插件不在TinyMCE希望查找代碼的位置。

例如,打印插件位於TinyMCE plugins文件夾中名爲print的文件夾中。當您嘗試加載TinyMCE和打印插件時,編輯器默認會在該位置查找。如果我故意從我的TinyMCE的安裝取出打印插件,我在編輯器加載過程中得到這樣的:

Failed to load: 
http://localhost/.../editors/tinymce_4.3.10/tinymce/plugins/print/plugin.js 

因此,如果簡單地把print插件初始化導致這種失敗我會通過

    啓動
  • 望着JavaScript控制檯,看是否有錯誤
  • 查找範圍內的TinyMCE的plugins文件夾以查看是否打印文件夾是有