課程大綱：

Vue.js 實(shí)現(xiàn)富文本編輯器培訓(xùn)

1 Vue.js 基礎(chǔ)與進(jìn)階

2 Webpack 配置基本概念

3 富文本編輯器實(shí)戰(zhàn)

4 Vuex 全局狀態(tài)管理

5 Selection/Range 了解與應(yīng)用

1
項(xiàng)目搭建

1.Vuejs基礎(chǔ)與進(jìn)階

2.Vuex全局狀態(tài)管理

3.Webpack講解

4.Selection/Range了解與應(yīng)用

5.原生js代碼的編寫(xiě)

2
WebPack 基礎(chǔ)

1.webpack介紹

2.webpack配置基本概念

3.本項(xiàng)目中webpack配置講解

3
Vue 基礎(chǔ)講解

1.Vue基礎(chǔ)知識(shí)

4
配置文件

1.項(xiàng)目配置文件講解

2.項(xiàng)目結(jié)構(gòu)分析

5
Vuex 使用

1.全局狀態(tài)管理

2.vuex在項(xiàng)目中的使用

6
組件整合

1.編輯器主要框架搭建

7
字體與字號(hào)

1.字體與字號(hào)調(diào)整

2.單文件組件編寫(xiě)

8
顏色與圖片

1.顏色與圖片組件開(kāi)發(fā)

9
Selection/Range 講解

1.Selection對(duì)象

2.Range對(duì)象

10
表格與鏈接

1.vue組件開(kāi)發(fā)

2.編輯區(qū)插入表格內(nèi)容

3.超鏈接的生成與取消

11
編輯區(qū)(一)

1.文本編輯區(qū)功能實(shí)現(xiàn)

2.Selection/Range

3.vuex

12
編輯區(qū)(二)

1.range操作

2.文檔命令執(zhí)行

3.視圖切換