2017-04-04 14 views
1

私のプロジェクトでは、CKeditorをAngular 2で実装する必要があります。プラグイン、リンクの添付ファイル、ビデオ、オーディオなどを追加する必要があります。カスタムプラグインnode_modules/ckeditorのプラグインフォルダに追加する必要があります。 bower_components/ckeditor。 npmまたはbowerを使用する場合、npmインストールまたはbowerインストールを実行している間に、余分なプラグインのカスタム設定が無効になります。それでは、これを行う最善の方法は何ですか。角度2。助けてください。CKeditorをAngular2で実装する

あなたはangular2自体にCKEditorバージョンの直接の実装として、このhttps://github.com/chymz/ng2-ckeditorを使用することができますおかげで、 Dipali

答えて

1

。あなたが任意の外部ライブラリを使用したい場合は、下記に従うする手順は、次のとおりです

  • は、ライブラリをインストールします(バウアーとして使用NPMはすぐに死んでいるだろう:P)

    npm install <modulename/libraryname>

  • typescriptです追加モジュール

    tsd install <modulename/libraryname>

  • の定義は、yのスクリプトを含めます
    SystemJsがこのパス
    System.config({ [...] paths: { module_var: ‘./node_modules/<modulename>/module.js’ } });

  • からJSのソースを選択するように、私たちのindex.htmlまたはルートhtmlファイルは

    <script src=”node_modules/<modulename/libraryname>/modulename.js”></script>

  • systemsjs.config.jsにパスの設定を追加します。

    希望のコンポーネントにモジュールをインポートする
    import * as var_name from ‘module_var’;

このコンポーネントの内部でライブラリを使用できるようになりました。 うまくいくと思います:)

関連する問題