Verwenden Sie CKeditor in Vorlage mit AngularJS

Question

Ich habe ein Problem, CKeditor zu verwenden.

Zuerst in der oben Ich habe dies:

<textarea class="ckeditor" id="test"></textarea> 

Kein Problem, das ich ein Textfeld mit den Tasten Stil (fett, unterstrichen, ...) von ckeditor.

Aber ich habe das gleiche texterea in einer Vorlage:

<script type="text/ng-template"..... 
..... 
<textarea class="ckeditor" id="test"></textarea> 
..... 
.....</script> 

Und ich habe eine einfache Textarea ... Kennen Sie das Problem?

Danke

Answer 1

Sie Richtlinien für diese verwenden sollten, weil Winkel Lasten in Vorlagen asynchron, während die ckeditors (von jquery wahrscheinlich) erstellt werden, wenn das Dokument geladen ist.

entweder eine vorhandene Bibliothek verwenden, wie https://github.com/lemonde/angular-ckeditor, oder erstellen Sie eine einfache Anweisung selbst:

angular.module("myApp", []) 
    .directive("ckeditor", [function(){ 
     return { 
      restrict: "A", 
      link: function (scope, elem, attrs) { 
       CKEDITOR.replace(elem[0], { 
        // configuration 
       }); 
      } 
     } 
    }]); 

html:

<textarea ckeditor></textarea>