2016-08-06 18 views
1

私はng-ckeditorを使用しています。cjeditorとangularJSです。私は、コードスニペットのプラグインをckeditorに追加する必要があります。 ng-ckeditorの言葉通り、私はeditorOptionsにプラグインデータを渡しました。しかし、まだそれはckeditorにロードされていません。私はそれが問題だということは分からない。 ng-ckeditorは、editorOptionsからuiColor値を受け入れます。しかし、それはプラグインのデータでは機能しません。誰かが助けることができれば、それは感謝されます。ng-ckeditorにプラグインを追加

はここ

HTML私のコードです

<textarea id="taDescription" name="taDescription" placeholder="Enter Description" rows="10" cols="80" ng-model="topic.description" ckeditor="editorOptions" required></textarea> 

JS

$scope.editorOptions = { 
    extraPlugins: 'codesnippet', 
    uiColor: '#000000' 
}; 

注:私はCKEditorバージョンに関連するすべてのファイルが含まれています。だから私は、ファイルなどの欠落に関連する問題はないと確信しています。

+0

提供されたコードで問題が見つかりません。それは変です。コンソールにエラーメッセージがありますか?たぶんあなたは最初に[リフレッシュckeditorの設定](http://stackoverflow.com/questions/14940452/force-ckeditor-to-refresh-config)を試すことができます。 – MMhunter

+0

@MMhunter、はい、それは変です。コンソールにエラーがないためです。また、ブラウザからすべてのキャッシュファイルを何度もクリアしました。しかし、同じ問題。 –

答えて

1

私はこの角度の指示は余分なプラグインを追加する機能をサポートしていないと思います。私はまた、角度のjsにCKEditorバージョンにコードスニペットプラグインを追加するときに、同じ問題に直面し、道を以下に実装することにより終了: はあなたのメインページに以下のスクリプトを追加します。

<script src="http://cdn.ckeditor.com/4.7.1/standard-all/ckeditor.js"></script> 

また、コードスニペットプラグインのCKEditorバージョンのための設定を定義します

<script> 
var config = { 
    extraPlugins: 'codesnippet', 
    codeSnippet_theme: 'monokai_sublime', 
    autoUpdateElement : true, 
    height: '30%' 
};</script> 

この設定は、ページまたはメインページ(複数のページに追加する必要がある場合)で定義することもできます。 は、次に、あなたのページに移動し、次のようにCKEditorバージョンを使用します。

<textarea ng-model="yourmodel" placeholder="Enter Description" id="description" name="description"></textarea> 

をスクリプト次を使用する必要があるページの終わり:

<script>var editor = CKEDITOR.replace('description' , config);</script> 

このスクリプトは、あなたの要素の後に追加する必要があり、それ以外の場合は、未定義の要素のエラーを返します。

これは誰かを助けることを願っています。

関連する問題