发表于: 2017-04-07 23:51:55
1 1047
今天完成的事:
完成过往项目新增页富文本编辑器;
修改草船云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;
评论