2016-05-17 10 views
0

CKeditorを使用する際に問題があります。CKeditorをAngularJSのテンプレートで使用する

私はこれ持って、トップで初:CKEditorバージョンの

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

私は(...、太字、下線)のボタンのスタイルを持つテキストエリアを持って問題ありませんが。

しかし、私は、テンプレート内の同じtextereaあります

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

をそして、私は、単純なテキストエリアを持っている...あなたはこの問題を知っていますか?

は、ドキュメントがロードされたときckeditorsが(多分jqueryので)作成されている間は、非同期的に、このためのテンプレートであるため、角度の負荷をディレクティブを使用する必要がありますあなたの

+0

がどのように/あなたがckeditorsを初期化しますか?おそらくjQueryで? ng-templatesは非同期にロードされるので、**後はckeditorsがjqueryによって初期化されます – devqon

+0

はい、そうですが、解決策があると思いますか? –

+0

はい、単純な指示文を作成するか、[既存のライブラリ](https://github.com/lemonde/angular-ckeditor)を使用してください。 – devqon

答えて

1

ありがとうございます。

は、どちらかがhttps://github.com/lemonde/angular-ckeditorのように、既存のライブラリを使用する、または単純なディレクティブを自分で作成します。

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

HTML:

<textarea ckeditor></textarea> 
関連する問題