发表于: 2017-04-07 23:51:55

1 1045


今天完成的事:

        完成过往项目新增页富文本编辑器;

        修改草船云3期bug;

        it小课题:听嘉杰讲有限状态机;

明天要做的事:

        修改草船云3期bug;

        过往项目新增页其他内容;

困难:

        之前富文本编辑器用的是百度UE,但是控制台有报错,然后换成UM;但是上传的时候提示有错误;

        点击查看发现没什么问题,官网也是同样的问题;

        之前认为angualr里面的其他module都需要注入但是今天发现不是这样,有些不用;

收获:

        angular框架中百度UM的使用:

        进入百度ueditor编辑器首页,除了可以下载UE外还可以下载UM,简单来说,UM是UE的精简版,下载

        UM最新版;

        将下载下来的插件整个放入自己的文件;

        <link href='....../umeditor.css'>//引入umeditor的样式文件

       <script src='...../jquery.js'></script>//引入umeditor需要的jquery库文件

        <script src='..../umeditor.js'>//引入umeditor的核心文件

        <script src='....../umeditor.config.js'>//引入umeditor的配置文件

        <script src='...../umeditor/lang/zh-cn/zh-cn.js'>//不引入可能会出问题

        <script src="..../meta.umeditor.js'>//引入meta.umeditor的库文件

       

        在需要放入编辑器的地方加入

<!--富文本编辑器-->
<div class="col-md-12">
   <div type="text/html" style="margin:auto;height:300px;width:100%;" ng-model="vm.data.feature" meta-umeditor
           meta-umeditor-placeholder="">
   </div>
</div>


     meta-umeditor是指令,在meta.umeditor.js这个文件中定义

 

angular.module('meta.umeditor', [])

    .directive('metaUmeditor', function ($timeout) {

............

})


可以看到这边是一个新的模块'meta.umeditor',并未注入我们项目的模块,但是metaUmeditor指令可以在我们的页面中使用;

  

     还要对umeditor.config.js进行配置:选择自己想要的功能,


    编辑器实例路径需要修改,也就是你在文件中放这个插件的路径;

    图片上传配置改为自己的图片url;





返回列表 返回列表
评论

    分享到