kindeditor使用方法

最新推荐文章于 2019-06-13 20:05:35 发布

weixin_33733810

最新推荐文章于 2019-06-13 20:05:35 发布

阅读量107

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/1586587/blog/650629

版权

2019独角兽企业重金招聘Python工程师标准>>>

1,首先在html文件中添加一个textarea组件,
<textarea class="form-control" style="width: 100%; height: 150px; margin: 0 auto;" id="content" name="content" rows="10" ng-model="mail.content"></textarea>

2,在js文件中引用该Kindeditor的js文件,定义一个editor,并邦定到html文件中定义的textarea控件,
       var editor=KindEditor.create("textarea[name='content']",{
           allowFileManager:false,
           resizeType:0,
           width:"100%",
           height:"100%",
           uploadJson:"../sendBox/upload",
           afterBlur:function(){
               this.sync();
           }
       });

如果是用在模态对话框中使用kindeditor,需要在显示前重新动态创建一个,才能正常使用:
       $(".newMail").click(function(){
           $scope.mail={};
           $("#editWind").modal("show");

           var editor=KindEditor.create("textarea[name='content']",{
               allowFileManager:false,
               resizeType:0,
               width:"100%",
               height:"100%",
               uploadJson:"../sendBox/upload",
               afterBlur:function(){
                   this.sync();
               }
           });
       });

如果是在模态对话框中使用kindeditor,需要在隐藏的方法中移除该组件邦定的控件,否则下次显示时不能正常使用:
       $(".cancel").click(function(){
           $("#editWind").on("hidden",function(){
               KindEditor.remove("#content");
           });
           $("#editWind").modal("hide");
       });