2012-08-14 52 views
2

參見:http://jsbin.com/udayah/2/edit整合AngularJS和tinyMCE的

修改與TinyMCE的textarea的相關數據模型拋出一個JavaScript錯誤:

「$消化正在進行中」

在我的應用程序,不同的是JS Bin示例中,當更改關聯的數據模型並引發相同的錯誤時,tinyMCE中的文本不會更改。我正在使用其他一些AngularUI指令,Codemirror和JQueryUI對話框,這可能會使問題複雜化。

+0

您必須查看Javascript控制檯才能看到彈出的錯誤。 – disperse 2012-08-14 14:41:36

+0

該死,愚蠢的我。 :(只是對於任何人的信息:當'ui'模塊沒有被指定爲'demoApp'依賴時,錯誤消失了。雖然... – raina77ow 2012-08-14 15:19:53

+0

我想知道爲什麼內容沒有在我的應用中更新,單獨的問題,然而,錯誤仍然出現在控制檯中。 – disperse 2012-08-14 17:16:44

回答

1

的 「$消化正在進行中」 的錯誤不再在控制檯中顯示出來。我相信這個問題已在更新版本的AngularUI中得到糾正。

1

我認爲textarea實際上並不是TinyMCE正在編輯的文本的工作副本,編輯器只是每隔一段時間就在那裏轉儲文本。因此,對於一個乾淨的解決方案,您可能必須使用TinyMCE的setContentgetContent方法。

+0

是的!這是最簡單最靈活的方式!我看到所有這些錯綜複雜的自定義指令和第三方插件必須集成 - 通常帶有錯誤。 – 2016-10-27 17:41:05

0

這是我與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) 


} 
...