angularjs引入kindeditor

前些天项目中要引入kindeditor，在网上巴拉了很多，没找到成功的，自己折腾了几天，终于引入了。最主要还是自己知识不能熟练应用，废话不多说，直接开搞。

<script type="text/javascript" src="/js/angular.min.js"></script>
<script type="text/javascript" src="/js/angular-route.min.js"></script>

<script charset="utf-8" src="/js/kindeditor-min.js"></script>
<script charset="utf-8" src="/js/lang/zh_CN.js"></script>
<script>

var homeApp = angular.module("homeApp", ["ngRoute", "ms.kindeditor"]);
angular.module("ms.kindeditor", [])
    .directive('msKindeditor', [function () {
        return {
            restrict: 'EA',
            require: '?ngModel',
            scope: {},
            link: function (scope, element, attrs, kindEditorController) {
                var kindeditor;
                //如果要动态的生产kindeditor 则必须去掉/ KindEditor.ready(function (K) {方法
                editor1 = KindEditor.create('textarea[name="content"]', {allowFileManager: true});
            }
        }
    }]);

homeApp.config(["$routeProvider", function ($routeProvider) {

    $routeProvider
        .when('/textarea', {
            templateUrl: '../textarea.html'

        }).otherwise({redirectTo: '/textarea'

})

}]) ; </script>

<body ng-app="homeApp" ng-controller="homeController" >
    <!-- 主要部分 -->
    <div ng-view>

    </div>
</div>
</body>

在ng-view中引入模块加载kindeditor,textarea.html

<textarea name="content" id="hText" cols="60" rows="15" ms-kindeditor ng-model="value"
          placeholder="请输入" ></textarea>

,就可以动态加载kindeditor了

angularjs引入kindeditor

猜你喜欢