https://github.com/zedwang/angular-kindeditor
:smile:Angular port for kindeditor.Note:Only supports versions below 1.6
https://github.com/zedwang/angular-kindeditor
javascript kindeditor
Last synced: about 1 year ago
JSON representation
:smile:Angular port for kindeditor.Note:Only supports versions below 1.6
- Host: GitHub
- URL: https://github.com/zedwang/angular-kindeditor
- Owner: zedwang
- Created: 2014-11-21T04:20:16.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2018-02-07T03:58:41.000Z (over 8 years ago)
- Last Synced: 2025-04-11T23:45:19.215Z (about 1 year ago)
- Topics: javascript, kindeditor
- Language: JavaScript
- Homepage:
- Size: 483 KB
- Stars: 17
- Watchers: 4
- Forks: 15
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# angular-kindeditor
angular-kindeditor是整合kindeditor的富文本编辑器插件，我们在项目中可以随处使用，非常方便
> Note:仅兼容1.x
修复日志:
1. 解决高版本不兼容问题
2. 解决初始化内容不显示问题
## Demo
[http://zedwang.github.io/angular-kindeditor](http://zedwang.github.io/angular-kindeditor)
[demo](http://www.w3cscript.com/Angular/2014-11-26/14.html)
## Install
```js
$ bower install ngKeditor
```
## 构建
第一步:
```javascript
~ npm install
```
第二步:
```javascript
~ grunt
```
## 准备
先引入kindeditor的配置文件
```javascript
```
然后把angular-kindeditor插件引入进来:
```javascript
```
还没完，在声明模块的地方把ngKeditor注入进去:
```javascript
var app = angular.module("demoApp",['ngKeditor']);
```
## 使用
因为我们的插件是继承ngmodel的，所以我们必须要绑定model，然后写上我们默认命名的指令
```javascript
```
如果要自定义配置，按照下面的格式做就OK了
```javascript
$scope.config = {
width:'100px'
}
```
```javascript
$scope.reg = /\d+/g;
// input 123/hello
// output true/false;
```