2

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

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

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

我似乎找不到任何 angular-ui-tinymce 的 Plunker 演示,并希望获得有关如何添加到上述内容的指导。

4

2 回答 2

1

问题是您没有在此处包含正确的 JS 文件。

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

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

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

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

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

于 2013-07-23T09:25:02.870 回答
0

您似乎缺少一些文件。

  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'])

这是解决的问题

于 2013-07-23T09:27:51.257 回答