2

参照： http： //jsbin.com/udayah/2/edit

tinyMCE textareaに関連付けられたデータモデルを変更すると、Javascriptエラーがスローされます。

「$digestはすでに進行中です」

私のアプリでは、JS Binの例とは異なり、関連するデータモデルを変更してもtinyMCEのテキストは変更されず、同じエラーがスローされます。他のいくつかのAngularUIディレクティブ、CodemirrorとJQueryUI Dialogsを使用していますが、これが問題を複雑にしている可能性があります。

4

4 に答える 4

1

textarea は、実際には編集中のテキストの TinyMCE の作業コピーではないと思います。エディターは、時々そこにテキストをダンプするだけです。したがって、クリーンなソリューションを得るには、おそらく TinyMCE のsetContentおよびgetContentメソッドを使用する必要があります。

于 2012-09-11T03:46:40.907 に答える
1

「$digest は既に進行中です」というエラーがコンソールに表示されなくなりました。この問題は、新しいバージョンの AngularUI で修正されたと思います。

于 2014-03-19T18:40:54.733 に答える
0

angular-ui-tinymce を使用した AngularJS および TinyMCE との双方向バインド

Plnkr: http://plnkr.co/edit/04AFkp?p=preview

それが役立つことを願っています:-)

于 2014-02-21T17:20:28.117 に答える
0

これは、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)


}
...
于 2013-03-25T16:17:14.127 に答える