参见:http://jsbin.com/udayah/2/edit整合AngularJS和tinyMCE的
修改与TinyMCE的textarea的相关数据模型抛出一个JavaScript错误:
“$消化正在进行中”
在我的应用程序,不同的是JS Bin示例中,当更改关联的数据模型并引发相同的错误时,tinyMCE中的文本不会更改。我正在使用其他一些AngularUI指令,Codemirror和JQueryUI对话框,这可能会使问题复杂化。
参见:http://jsbin.com/udayah/2/edit整合AngularJS和tinyMCE的
修改与TinyMCE的textarea的相关数据模型抛出一个JavaScript错误:
“$消化正在进行中”
在我的应用程序,不同的是JS Bin示例中,当更改关联的数据模型并引发相同的错误时,tinyMCE中的文本不会更改。我正在使用其他一些AngularUI指令,Codemirror和JQueryUI对话框,这可能会使问题复杂化。
的 “$消化正在进行中” 的错误不再在控制台中显示出来。我相信这个问题已在更新版本的AngularUI中得到纠正。
我认为textarea实际上并不是TinyMCE正在编辑的文本的工作副本,编辑器只是每隔一段时间就在那里转储文本。因此,对于一个干净的解决方案,您可能必须使用TinyMCE的setContent和getContent方法。
是的!这是最简单最灵活的方式!我看到所有这些错综复杂的自定义指令和第三方插件必须集成 - 通常带有错误。 – 2016-10-27 17:41:05
这是我与angularJS,TinyMCE的和角度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)
}
...
您必须查看Javascript控制台才能看到弹出的错误。 – disperse 2012-08-14 14:41:36
该死,愚蠢的我。 :(只是对于任何人的信息:当'ui'模块没有被指定为'demoApp'依赖时,错误消失了。虽然... – raina77ow 2012-08-14 15:19:53
我想知道为什么内容没有在我的应用中更新,单独的问题,然而,错误仍然出现在控制台中。 – disperse 2012-08-14 17:16:44