如何使用Plunker測試Tabset中的angular-ui-tinymce

Question

我正在嘗試通過在Plunkr中進行設置來測試angular-ui-tinymce。 有人可以告訴我如何將Angular-ui-tinymce的文件合並到plunkr中，以便演示功能。

到目前為止，我有以下示例來演示標簽頁：

http://plnkr.co/edit/g1mJEAYt4dI6a0Q0m7X6?p=preview

我似乎找不到任何Plunker的angular-ui-tinymce演示，並且希望能對如何添加上述內容提供指導。

Answer 1

問題是您沒有在此處包括正確的JS文件。

請注意，Angular UI引導JS文件不包含ui-tinymce模塊。 因此，第一步，請刪除Angular JS引導程序模塊，並包含Github中提供的ui-tinymce JS文件。

其次，angular-tinymce模塊依賴於原始的核心tinymce.js文件。 因此，您還包括了該js文件。

我實際上分叉了您的朋克並修復了這些問題。 請查看代碼並找到更改。

http://plnkr.co/edit/6OpbZM?p=preview

（當我嘗試直接從Github提取時，Plunkr中存在腳本文件加載問題，因此我將ui-tinymce.js包含為本地文件）

Answer 2

您似乎缺少一些文件。

1. TinyMce腳本本身<script src="http://tinymce.cachefly.net/4.0/tinymce.min.js"></script>
2. Angular-UI tinymce指令
3. 將指令注入您的應用程序var myApp = angular.module('MyApp', ['ui.tinymce'])

這是解決的笨拙