[發(fā)明專利]一種基于ElementUI和UEditor富文本的組件開(kāi)發(fā)方法

在審

• 申請(qǐng)?zhí)枺?/td>: 201711337010.4
• 申請(qǐng)日: 2017-12-14
• 公開(kāi)（公告）號(hào): CN108089847A
• 公開(kāi)（公告）日: 2018-05-29
• 發(fā)明（設(shè)計(jì)）人: 夏耩
• 申請(qǐng)（專利權(quán)）人: 易知成都數(shù)據(jù)服務(wù)有限公司
• 主分類號(hào): G06F8/20
• 分類號(hào): G06F8/20;G06F8/38
• 代理公司: 成都新驅(qū)科為知識(shí)產(chǎn)權(quán)代理事務(wù)所(普通合伙) 51251
• 代理人: 成實(shí);曾娟

1.一種基于Element UI和UEditor富文本的組件開(kāi)發(fā)方法，其特征在于，包括以下步驟：

(1)在工程public文件夾中引入U(xiǎn)Editor富文本插件，并將UEditor富文本插件封裝成Element UI組件；

(2)對(duì)UEditor富文本插件進(jìn)行初始化；

(3)驗(yàn)證初始化是否成功；

(4)在Element UI組件中修改圖片上傳功能；

(5)在Element UI組件中設(shè)置圖片插入功能。

2.根據(jù)權(quán)利要求1所述的一種基于Element UI和UEditor富文本的組件開(kāi)發(fā)方法，其特征在于，步驟(3)包括以下步驟：

(3a)打開(kāi)chrome瀏覽器的調(diào)試模式，在顯示頁(yè)面調(diào)用已初始化的組件；

(3b)查看控制臺(tái)是否報(bào)錯(cuò)：是，則進(jìn)入步驟(3c)；否，則進(jìn)入步驟(3d)；

(3c)檢查錯(cuò)誤位置，并在錯(cuò)位位置對(duì)應(yīng)的設(shè)置位置進(jìn)行修正，然后返回步驟(3b)；

(3d)驗(yàn)證初始化成功，結(jié)束驗(yàn)證步驟。

3.根據(jù)權(quán)利要求1或2所述的一種基于Element UI和UEditor富文本的組件開(kāi)發(fā)方法，其特征在于：步驟(2)對(duì)UEditor富文本插件進(jìn)行初始化的過(guò)程為：新建vue格式文件并定義VUE對(duì)象，對(duì)頁(yè)面展示出的富文本插件的樣式做調(diào)整，統(tǒng)一富文本組件與Element UI的樣式風(fēng)格。

4.根據(jù)權(quán)利要求3所述的一種基于Element UI和UEditor富文本的組件開(kāi)發(fā)方法，其特征在于：所述vue格式文件包括<template></template>；<script></script>；<style></style>三個(gè)部分；所述<template></template>部分用于定義一個(gè)dom，即富文本插件在頁(yè)面展示的容器；所述<script></script>部分用于控制頁(yè)面渲染；所述<style></style>部分則用于對(duì)頁(yè)面展示出的富文本插件的樣式做調(diào)整。

5.根據(jù)權(quán)利要求4所述的一種基于Element UI和UEditor富文本的組件開(kāi)發(fā)方法，其特征在于：所述<style></style>部分采用的是Less語(yǔ)言。

6.根據(jù)權(quán)利要求4或5所述的一種基于Element UI和UEditor富文本的組件開(kāi)發(fā)方法，其特征在于：所述VUE對(duì)象包括name，props，data，watch，methods，mounted，beforeDestory。