2016-04-08 11 views
1

私はangular-ckeditorを使用する角度のあるプロジェクトを持っています。この角度のモジュールのために、私はbowerを介してインストールしたckeditor.jsが必要です。ここでは、ckeditorインスタンスを持つ複数のページがありますが、すべて同じ構成を使用する必要があります。CKEditor bowerグローバルなデフォルトconfig.js

CKEditorを使用すると、デフォルト設定by changing the config.jsを変更できます。ただし、アプリケーションがデプロイ/共有/再インストールされたときに、bowerがckeditorスクリプトをインストールし、config.jsも上書きされるため、これは適切な選択肢ではありません。

は、私はCKEDITOR.replace('myEditor', { customConfig: '/custom/path/to/config/ckeditor_config.js' });ような何かを行うことができます知っているが、これは、インスタンスあたりとなり、プラスのidのは、編集者のためにあるものを私は、実行時に知りません。

CKEditorのグローバルの設定を定義する方法はありますか。そのライブラリのconfig.jsに触れることなく?

マイ可能醜い解決策:

  1. ソースコントロールでCKEditorバージョンスクリプト内でチェックし、バウアーを通じてインストールされません(そうconfig.jsのが上書きされることはありません)
  2. の作成指示文をckeditorとcustomConfigの設定に置き換えたカスタム指示文
  3. bowerインストール後にconfig.jsを上書きするgulpタスクを作成します。
  4. すべてのckeditorsにidを追加し、CKEditor.replace()方法
  5. は、私はドキュメントで逃したが、(が好ま存在しないメソッドを使用します
  6. <textarea ckeditor="{ customConfig: 'myCustomConfig' }"></textarea>)CKEditorバージョンの各インスタンスに設定を渡します! :)

「最良の」解決策は何でしょうか?

答えて

0

私は私が好む、これは完璧なソリューションではありません

// scripts/libs/ckeditor.config.js 
 
CKEDITOR.config.customConfig = "/scripts/libs/ckeditor_config.js"; 
 

 
// scripts/libs/ckeditor_config.js 
 
CKEDITOR.editorConfig = function (config) { 
 
    config.toolbarGroups = [ 
 
    { name: 'mode' }, 
 
    { name: 'clipboard', groups: [ 'clipboard', 'undo' ] }, 
 
    { name: 'editing',  groups: [ 'find' ] }, 
 
    { name: 'basicstyles', groups: [ 'basicstyles' ] }, 
 
    { name: 'links' }, 
 
    { name: 'styles' }, 
 
    { name: 'cleanup' } 
 
    ]; 
 
\t config.removeButtons = 'Anchor,Strike,Styles,Font'; 
 
    //config.removePlugins = 'font'; 
 
    config.extraPlugins = "find,font"; 
 
}
<!-- index.html --> 
 
<script src="bower_components/ckeditor/ckeditor.js"></script> 
 
<script src="scripts/libs/ckeditor.config.js"></script>

+0

をckeditor_config.jsする(うなり声を使用して私のプロジェクト) とリンクのindex.htmlにckeditor.config.jsを追加ckeditor.config.jsだけを追加ファイル1つを作成します。私はそのファイルの中で直接設定値を設定することはできません。 – duchuy

関連する問題