2017-04-04 1 views
1

내 프로젝트에서 CKeditor를 Angular 2로 구현해야합니다. 추가 플러그인, 링크 첨부 파일, 비디오, 오디오 등을 추가해야합니다. node_modules/ckeditor의 plugins 폴더에 추가해야하는 사용자 정의 플러그인 또는 bower_components/ckeditor. npm 또는 bower를 사용하면 npm 설치 또는 bower 설치를 수행하는 동안 여분의 플러그인에 대한 사용자 정의 설정이 무시됩니다. 그래서 이것을하는 가장 좋은 방법은 무엇입니까 각도 2. 도움주세요.CKeditor를 Angular2로 구현하기

덕분에, Dipali

답변

1

당신은 angular2 자체 ckeditor의 직접적인 구현으로이 https://github.com/chymz/ng2-ckeditor을 사용할 수 있습니다. 당신이 어떤 외부 라이브러리를 사용하려면, 아래의 단계를 따라 있습니다

  • 라이브러리 설치 (곧 죽을 것 이물로 사용 NPM을 : P)

    npm install <modulename/libraryname>

  • 타이프 라이터 추가 모듈

    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’;

이제이 구성 요소 내부에서 라이브러리를 사용할 수 있습니다. 희망 사항 :