# CodeBe

**Repository Path**: zt_zhong/CodeBe

## Basic Information

- **Project Name**: CodeBe
- **Description**: CodeBe(码B)是一个是使用angular2整合各种插件的项目，包括（layer,bootstrap-table,markdown编辑器，highcharts，ckeditor，高德地图,fullcalendar 等等）。如果你有什么想要集成的插件，请告诉我，我来加进去。ng2版本在ng2的分支中，后面就不往里面加东西了，主要在ng4中加。(请给我加个星，谢谢。)
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://github.com/zhongzhong0505/CodeBe
- **GVP Project**: No

## Statistics

- **Stars**: 451
- **Forks**: 87
- **Created**: 2016-11-21
- **Last Updated**: 2024-07-03

## Categories & Tags

**Categories**: angular-extensions

**Tags**: None

## README

## 如果你想学ng，想和我一起维护这个项目，欢迎提交PR

## 项目的环境信息
    很多人反馈，项目clone下来后无法运行，这里我发一下我的本地的环境信息
![效果图](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/1-4.png "效果图")

![效果图](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/1-5.png "效果图")

![效果图](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/1-6.png "效果图")

## CodeBe集成进度
    1.ckeditor 已经完成
    2.highcharts 已经完成（ng2分支）
    3.支持md语法的写作 已经完成
    4.高德地图 已经完成
    5.fullcalendar 已经完成
    6.amcharts 已经完成（amcharts分支）
    7.ztree 已经完成
    8.jsPlumb 已经完成
    9.mathjax 已经完成
    10.bootstrap-table 已经完成（bootstrap-table分支）
    11.select2 已经完成（select2分支）
    12.layer 已经完成（layer分支）
    13.date-range-picker日期时间选择插件 已经完成（daterangepicker分支）
    14.汉字转拼音 已经完成（pinyin分支）
    15.flatPickr日期时间选择插件 已经完成（flatPickr分支）
    16.mxgraph 已经完成 （mxgraph分支）
    17.PhotoSwipe 已经完成 （photoswipe分支）
    18.ng2-pdf-viewer 已经完成（pdf-viewer分支）
    19.codemirror 已经完成（codemirror分支）
    20.swiper 已经完成(swiper分支)
    .......
## github地址
    https://github.com/zhongzhong0505/CodeBe

## 怎么集成其他插件
    虽然这里集成了很多插件，但是很多朋友还是需要集成其他的各种插件，这样的话你可以先看看这篇文章
    https://my.oschina.net/zhongzhong5/blog/867945
    然后试着自己去集成试试，如果最后实在不能自己实现的话，可以告诉我，我来帮你们弄进去啊。

## 插件集成进来了，怎么用？
    我的天啦。居然有人问我插件怎么用。朋友哎，老铁们哎，我想告诉你的是Angular2中如何能够使用其他的插件，并且
    每一个集成进来的插件都给了一个基本的示范。然后你们就可以省去自己集成插件的步骤，安心享受插件带来的好处就行了（就是插件怎么用，你得自己学。）。
    套路不应该是这样的吗？我要是每个插件玩，我会累死的，你肯定不想这样的，对不对？

## 说 明
    如果你们有什么需要集成的插件，然后自己做比较困难的，可以告诉我，我会在这个例子中添加进去的。
    因为这个项目中集成了很多插件，你们aot build的时候可能会发现chunk很大，但是不要担心，你们实际用
    的时候肯定不会把这些插件都用到的，对不对？
    
## 注意
    有些插件在对应的分支中才会存在，所以你们一定要看清楚啊。

## 安装&运行
    npm install -g cnpm
    cnpm install -g @angular/cli
    cnpm install
    ng serve

## 运行效果
[![效果图](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/2.gif "效果图")](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/2.gif "效果图")
[![效果图](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/0.gif "效果图")](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/0.gif "效果图")
[![效果图](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/1.gif "效果图")](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/1.gif "效果图")
[![效果图](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/1.jpg "效果图")](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/1.jpg "效果图")
[![效果图](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/2.jpg "效果图")](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/2.jpg "效果图")
[![效果图](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/3.jpg "效果图")](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/3.jpg "效果图")
[![效果图](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/5.jpg "效果图")](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/5.jpg "效果图")
[![效果图](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/6.jpg "效果图")](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/6.jpg "效果图")
[![效果图](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/7.jpg "效果图")](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/7.jpg "效果图")
[![效果图](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/9.png "效果图")](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/9.png "效果图")
[![效果图](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/10.jpg "效果图")](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/10.jpg "效果图")
[![效果图](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/11.jpg "效果图")](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/11.jpg "效果图")
[![效果图](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/12.jpg "效果图")](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/12.jpg "效果图")
[![效果图](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/13.png "效果图")](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/13.png "效果图")
[![效果图](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/14.png "效果图")](https://raw.githubusercontent.com/zhongzhong0505/ng2-demo/master/images/14.png "效果图")

## 关于我
    我是钟钟 
    QQ:459520690
    QQ群：638149387
    邮箱：zhongzhong@asloop.com

## 强烈推荐，大漠穷秋老师的-NiceFish
http://git.oschina.net/mumu-osc/NiceFish