发表于: 2017-04-10 23:12:25

2 1094


今日完成:

1 日常任务:。

2 任务10:富文本编辑器和懒加载。

富文本编辑器:

使用百度的umeditor(两个版本,ueditor和umeditor,前者小,后者大,前者是贴吧等简单和偏网络格式,后者是偏文档/博客等复杂格式)

它们使用相同的文档。

》下载》引入》配置》定制

下载:前端可以下载任意一个开发版,不用管后端语言。

引入:学习过程,直接将整个umeditor问价夹复制到学习的项目里去,

然后按照demo里的格式在项目里引用----因为它内置了各种图标和字体,所以需要用到样式表和其它它自己的js组件,项目中可以二次开发或按需引入。这里全部引入免得报错。

<!--<link href="umEditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">-->
<!--<script type="text/javascript" src="umEditor/third-party/jquery.min.js"></script>-->
<!--<script type="text/javascript" src="umEditor/third-party/template.min.js"></script>-->
<!--<script type="text/javascript" charset="utf-8" src="umEditor/umeditor.config.js"></script>-->
<!--<script type="text/javascript" charset="utf-8" src="umEditor/umeditor.min.js"></script>-->
<!--<script type="text/javascript" src="umEditor/lang/zh-cn/zh-cn.js"></script>-->

html:简单直接--最后注意对config.js的设置,我还没看懂。

<script type="text/plain" id="myEditor" style="width:90%;height:240px;">
<p>这里我可以写一些输入提示</p>
</script>

<script type="text/javascript">
//实例化编辑器
   var um = UM.getEditor('myEditor');
</script>

》定制:

两种方法:直接修改config.js,或者初始化时按需引入需要的功能。

问题:项目中不说二次开发,就按需添加功能,去掉不必要的组件,其实并没有掌握。

明日计划:

任务6-10的重构。准备申请进项目。

问题:

1 任务接口已经不通了,要和谁问一下。

2懒加载没有配置好,一直报错。--问题是:看不大懂文档,也不知道最佳实践,而他的使用格式是固定的,会了就是会了。所以和师兄要了一份项目文件,看看工程里是怎么用的。

angular.module('myApp',['ui.router','ngMessages','oc.lazyLoad'])
/* 注入$stateProvider$urlRouterProvider */
.config(function($stateProvider,$urlRouterProvider,$ocLazyLoadProvider){
/*通过$stateProviderstate()函数来进行路由定义*/


   $urlRouterProvider.otherwise('login');
$stateProvider
.state('login', {
url: "/login",
}).state('tab.addNew', {
url:'/addNew',
templateUrl:'../views/addNew.html',
controller:'addNewCtrl',
resolve:{
loadMyFile:_lazyLoad([
'../umEditor/themes/default/css/umeditor.css',
'../umEditor/third-party/template.min.js',
'../umEditor/umeditor.config.js',
'../umEditor/umeditor.min.js',
'../umEditor/lang/zh-cn/zh-cn.js',
'addNew.js',
'../css/addNew.css'
       ])
}

收获:

基本完成了任务的主要知识点,明天重构和准备申请项目。



返回列表 返回列表
评论

    分享到