课程大纲:
Vue.js 实现富文本编辑器培训
1 Vue.js 基础与进阶
2 Webpack 配置基本概念
3 富文本编辑器实战
4 Vuex 全局状态管理
5 Selection/Range 了解与应用
1
项目搭建
1.Vuejs基础与进阶
2.Vuex全局状态管理
3.Webpack讲解
4.Selection/Range了解与应用
5.原生js代码的编写
2
WebPack 基础
1.webpack介绍
2.webpack配置基本概念
3.本项目中webpack配置讲解
3
Vue 基础讲解
1.Vue基础知识
4
配置文件
1.项目配置文件讲解
2.项目结构分析
5
Vuex 使用
1.全局状态管理
2.vuex在项目中的使用
6
组件整合
1.编辑器主要框架搭建
7
字体与字号
1.字体与字号调整
2.单文件组件编写
8
颜色与图片
1.颜色与图片组件开发
9
Selection/Range 讲解
1.Selection对象
2.Range对象
10
表格与链接
1.vue组件开发
2.编辑区插入表格内容
3.超链接的生成与取消
11
编辑区(一)
1.文本编辑区功能实现
2.Selection/Range
3.vuex
12
编辑区(二)
1.range操作
2.文档命令执行
3.视图切换