使用AngularUI和tinymce_Tinymce_Angular Ui

使用AngularUI和tinymce

tinymce

使用AngularUI和tinymce,tinymce,angular-ui,Tinymce,Angular Ui,我正在尝试使用angular ui tinymce指令。我使用Nuget获得angular ui（V0.4.0）、tinymce.jquery（V4.0.6）和tinymce（V4.0.6）包。我在angular模块中添加了ui指令，并在页面上（按顺序）引用了以下脚本： <script src="Scripts/jquery-1.10.2.js"></script> <script src="Scripts/tinymce/tinymce.min.js"

我正在尝试使用angular ui tinymce指令。我使用Nuget获得angular ui（V0.4.0）、tinymce.jquery（V4.0.6）和tinymce（V4.0.6）包。我在angular模块中添加了ui指令，并在页面上（按顺序）引用了以下脚本：

  <script src="Scripts/jquery-1.10.2.js"></script>
    <script src="Scripts/tinymce/tinymce.min.js"></script>
    <script src="Scripts/tinymce/jquery.tinymce.min.js"></script>
    <script src="lib/angular/angular.min.js"></script>
    <script src="Scripts/angular-ui.min.js"></script>

当我导航到包含我用

ui tinymce ng model=“tinymce”

修饰的文本区域的部分时，我可以在Chrome的javaScript控制台中看到标题中列出的错误（angular.min.js）

我在网上搜索过，并尝试过修改脚本引用列表等建议，但我尝试过的都不管用。我是否缺少一个关键组件，我是否有不正确的引用（或顺序错误），或其他什么？我来过一些小提琴，但大多数都坏了或坏了。我还没有看到一个能提供我可以使用的工作演示

编辑：好的，现在我在angular-ui.min上得到错误：“无法调用未定义的方法‘Add’”。我没有更改代码中的任何内容，因此原始错误消息可能来自上一次尝试？

您收到的错误来自tiny mce（4.0.6）和angular ui（0.40）包之间的版本不匹配

查看tinyMCE

onSetContent（）

的4.x api不存在，已被替换为

看起来像

话虽如此，如果你用3.x版本替换tinymce软件包，那么现在所有的东西都可以很好地结合在一起了

已安装的软件包

<?xml version="1.0" encoding="utf-8"?>
<packages>
  <package id="Angular.UI" version="0.4" targetFramework="net45" />
  <package id="angularjs" version="1.0.7" targetFramework="net45" />
  <package id="jQuery" version="1.9.1" targetFramework="net45" />
  <package id="Select2.js" version="3.2.1" targetFramework="net45" />
  <package id="TinyMCE" version="3.5.8" targetFramework="net45" />
  <package id="TinyMCE.JQuery" version="3.5.8" targetFramework="net45" />
</packages>

安装软件包后，您可以通过以下视图将其全部连接起来：

<body ng-app="MyApp">

    <textarea ui-tinymce="" ng-model="tinymce"></textarea>
    {{tinymce}}
    <script src="Scripts/jquery-1.9.1.min.js"></script>
    <script src="Scripts/angular.js"></script>
    <script src="Scripts/angular-ui.js"></script>
    <script src="Scripts/tinymce/tiny_mce.js"></script>
    <script src="Scripts/tinymce/jquery.tinymce.js"></script>

    <script>
        var myApp = angular.module("MyApp", ["ui"])
    </script>
</body>


{{tinymce}}
var myApp=angular.module（“myApp”、[“ui”]）