2016-06-08 1920 views
0

我已經爲Angular安裝了TinceMCE。因此,使用微小的時候,我必須做類似如下:Tinymce插件從cdn代替本地目錄加載

控制器:

vm.tinymceOptions = { 
     plugins:'layer image hr imagetools', 
     toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | code', 
     height:'480' 
    }; 

在我看來:

<form class = "MCEeditor" method="post"> 
     <textarea ui-tinymce="vm.tinymceOptions" ng-model="vm.tinymceModel"></textarea> 
</form> 

我的問題是,當我嘗試使用外部插件,GET請求是對外部CDN而不是我的本地插件文件。這是GET請求:

Request URL:http://cdn.tinymce.com/4/plugins/ss/plugin.min.js 
Request Method:GET 

所以基本上,我需要一種方法來指向該請求我的TinyMCE的內部插件目錄,而不是這個CDN。

回答

1

默認情況下,TinyMCE會在它自己的plugins文件夾中查找插件文件,因此如果您從CDN加載TinyMCE,它將顯示在那裏。

你可以做的是使用在配置和點的TinyMCE的​​選項,你的插件文件的確切位置:

https://www.tinymce.com/docs/configure/integration-and-setup/#external_plugins

例如:

tinymce.init({ 
    selector: 'textarea', 
    ... 
    external_plugins: { 
    'testing': 'http://www.testing.com/plugin.min.js', 
    'maths': 'http://www.maths.com/plugin.min.js' 
    } 
}); 

既然你使用TinyMCE/Angular插件,這個​​代碼會出現在您的vm.tinymceOptions對象中。

+0

我試過了,但它不起作用。這似乎是在ui-tinymce庫中有一些限制。現在我將研究爲什麼它是硬編碼來查看插件的cdn。你上面提到的方式是否也適用於內部目錄? –

+0

我在Angular項目中自己使用了相同的指令,我使用'external_plugins'屬性,因此我可以確認它是否有效。你對'tinymceOptions'的確切代碼是什麼?你的帖子中的代碼並沒有提到'ss'插件,更別提'external_plugins'了。當你加載TinyMCE時,瀏覽器控制檯中是否有錯誤? –

+0

謝謝你的回答。我們的項目似乎沒有正確安裝TinyMCE。您的解決方案有效 –