前些天项目中要引入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了