ivan-yin / angular-kindeditor

Angular port for kindeditor

Home Page:http://www.w3cscript.com/Angular/2014-11-26/14.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

angular-kindeditor

angular-kindeditor是整合kindeditor的富文本编辑器插件,我们在项目中可以随处使用,非常方便

Demo

http://zedwang.github.io/angular-kindeditor github的演示页面一直有问题,可以看下面的这个链接 demo 准备

先引入kindeditor的配置文件

<script src="kindeditor/kindeditor-all-min.js"></script>

然后把angular-kindeditor插件引入进来:

<script src="angular-kindeditor.js"></script>

还没完,在声明模块的地方把ngKeditor注入进去:

var app = angular.module("demoApp",['ngKeditor']);

使用

因为我们的插件是继承ngmodel的,所以我们必须要绑定model,然后写上我们以class命名的指令

<div class="keditor" ng-model="content"></div>

如果要自定义配置,按照下面的格式做就OK了

<div class="keditor" ng-model="content" data-config="config"></div>

<script>
    $scope.config = {
        ...
    }
</script>

结语:工程不大,但是很有用。之前一直用别人的,算是回馈了大家!有什么问题大家可以fork

About

Angular port for kindeditor

http://www.w3cscript.com/Angular/2014-11-26/14.html


Languages

Language:JavaScript 84.5%Language:CSS 11.7%Language:HTML 3.8%