发表于: 2017-04-10 23:12:25
2 1093
今日完成:
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){
/*通过$stateProvider的state()函数来进行路由定义*/
$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'
])
}
收获:
基本完成了任务的主要知识点,明天重构和准备申请项目。
评论