集成AngularJS和tinyMCE

见：

修改与tinyMCE textarea关联的数据模型会引发Javascript错误：

“$digest已在进行中”

---

在我的应用程序中，与JS Bin示例不同，tinyMCE中的文本在我更改关联的数据模型时不会更改，并且会抛出相同的错误。我正在使用另外两个AngularUI指令、Codemirror和JQueryUI对话框，这可能会使问题变得复杂。

我认为textarea实际上不是TinyMCE正在编辑的文本的工作副本，编辑器只是偶尔将文本转储到其中。因此，对于一个干净的解决方案，您可能必须使用TinyMCE的方法

这是我使用angularJS、TinyMCE和AngularUI的方法

脚本标记：

    <!-- JQUERY -->
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <!-- JQUERY UI -->
    <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
    <!-- ANGULAR JS -->
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular-resource.min.js"></script>
    <!-- ANGULAR UI -->
    <script src="lib/angular-ui/angular-ui.js"></script>
    <!-- TINYMCE -->
    <script type="text/javascript" src="lib/tiny_mce/jquery.tinymce.js"></script>
    <script type="text/javascript" src="lib/tiny_mce/tiny_mce_src.js"></script>

---

使用AngularJS和TinyMCE使用AngularUI TinyMCE进行双向绑定

Plnkr：

---

希望有帮助：-）

控制台中不再显示“$digest ready in progress”错误。我相信这个问题在新版本的AngularUI中得到了纠正。

你必须查看Javascript控制台才能看到错误弹出。该死的，我真蠢（仅供任何人参考：当

ui

模块未指定为

demoApp

依赖项时，错误就消失了。不过，我将尝试进一步调查……我找出了我的应用程序中没有更新内容的原因，另一个问题。但是，错误仍然出现在控制台中。是的！这是最简单、最灵活的方法！我使用了e所有这些复杂的自定义指令和第三方插件都必须集成——通常带有bug。

<input type="text" ng-model="nota.fechaPub" ui-date ui-date-format required >
<textarea ui-tinymce="{theme:'simple'}" ng-model="nota.entradilla"></textarea>
...
<button ng-click="read()" class="btn btn-primary">Read</button>

...
// Read the note function inside the controller
$scope.read= function () {
    var nota = $scope.nota;
    // In nota model I get two fields: entradilla (a text) and fechaPub ( a date)


}
...