见:http: //jsbin.com/udayah/2/edit
修改与 tinyMCE 文本区域关联的数据模型会引发 Javascript 错误:
"$digest 已经在进行中"
在我的应用程序中,与 JS Bin 示例不同,当我更改关联的数据模型并引发相同的错误时,tinyMCE 中的文本不会更改。我正在使用其他几个 AngularUI 指令,Codemirror 和 JQueryUI 对话框,这可能会使问题复杂化。
见:http: //jsbin.com/udayah/2/edit
修改与 tinyMCE 文本区域关联的数据模型会引发 Javascript 错误:
"$digest 已经在进行中"
在我的应用程序中,与 JS Bin 示例不同,当我更改关联的数据模型并引发相同的错误时,tinyMCE 中的文本不会更改。我正在使用其他几个 AngularUI 指令,Codemirror 和 JQueryUI 对话框,这可能会使问题复杂化。
我认为 textarea 实际上并不是 TinyMCE 正在编辑的文本的工作副本,编辑器只是偶尔将文本转储到那里。因此,对于一个干净的解决方案,您可能必须使用 TinyMCE 的setContent和getContent方法。
“$digest already in progress”错误不再显示在控制台中。我相信这个问题在新版本的 AngularUI 中得到了纠正。
这是我使用 angularJS、TinyMCE 和 Angular UI 的方法
脚本标签:
<!-- 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>
看法:
<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)
}
...
使用 angular-ui-tinymce 两种方式与 AngularJS 和 TinyMCE 绑定
Plnkr: http ://plnkr.co/edit/04AFkp?p=preview
希望有帮助:-)