angular2 学习笔记 ( 第3方插件 jQuery and ckeditor )

Posted 兴杰(stooges.com.my)

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angular2 学习笔记 ( 第3方插件 jQuery and ckeditor )相关的知识,希望对你有一定的参考价值。

refer : 

https://forums.meteor.com/t/importing-ckeditor-using-npm/28919/2   (ckeditor)

https://github.com/angular/angular-cli/issues/3094 (jQuery)

 

Ckeditor

1. npm install ckeditor --save 

2. npm install @types/ckeditor --save --dev

3. index.html 写上 

<script>
  CKEDITOR_BASEPATH = ‘/app/ckeditor/‘;
</script>

4. 创建一个 /app/ckeditor 文档 

从 node_modules/ckeditor 里面把几个文件 copy 去 /app/ckeditor 里 (lang, plugins, skins, config.js, contents.css, styles.js )

5. import "ckeditor";

6.

ngAfterViewInit() {
  setTimeout(() => {
        CKEDITOR.replace( ‘editor1‘ );       
  });
}

 

jQuery

1. npm install jquery --save

2. npm install @type/jquery --save --dev

3. import $ from ‘jquery/dist/jquery‘;

4. declare var $:JQueryStatic;

5. 

ngAfterViewInit() {
  setTimeout(() => {
      $("div").show();         
  });
}

 



以上是关于angular2 学习笔记 ( 第3方插件 jQuery and ckeditor )的主要内容,如果未能解决你的问题,请参考以下文章

网上图书商城项目学习笔记-032编辑图书第一步

angular2 学习笔记 ( rxjs 流 )

科研工具使用Zotero进行文献管理(插件介绍)

科研工具使用Zotero进行文献管理(插件介绍)

计算机网络学习笔记第五章(运输层)超详细整理

Angular 2 学习笔记