如何使用Plunker测试标签内的角度-ui-tinymce

时间:2013-07-23 08:00:29

标签: javascript angularjs

我试图通过在Plunkr中设置它来测试angular-ui-tinymce。有人可以告诉我如何将angular-ui-tinymce文件整合到plunkr中,以便我可以演示其功能。

到目前为止,我有以下的plunker来演示标签:

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

我似乎无法找到任何有关角度ui-tinymce的Plunker演示,并希望能够指导我如何添加上述内容。

2 个答案:

答案 0 :(得分:1)

问题是你没有在这里包含正确的JS文件。

请注意,Angular UI bootstrap JS文件不包含ui-tinymce模块。因此,作为第一步,删除Angular JS bootstrap模块并包含在Github中可用的ui-tinymce JS文件。

其次,angular-tinymce模块依赖于原始核心tinymce.js文件。所以你也包含了那个js文件。

我实际上分叉了你的plunkr并解决了这些问题。请查看代码并找到更改。

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

(当我尝试直接从Github获取时,Plunkr中存在脚本文件加载问题,所以我将ui-tinymce.js作为本地文件包含在内)

答案 1 :(得分:0)

您似乎缺少一些文件。

  1. TinyMce脚本本身<script src="http://tinymce.cachefly.net/4.0/tinymce.min.js"></script>
  2. Angular-ui tinymce directive
  3. 将指令注入您的应用var myApp = angular.module('MyApp', ['ui.tinymce'])
  4. 这是已解决的plunkr