[发明专利]一种基于ElementUI和UEditor富文本的组件开发方法在审
| 申请号： | 201711337010.4 | 申请日： | 2017-12-14 |
| 公开（公告）号： | CN108089847A | 公开（公告）日： | 2018-05-29 |
| 发明（设计）人： | 夏耩 | 申请（专利权）人： | 易知成都数据服务有限公司 |
| 主分类号： | G06F8/20 | 分类号： | G06F8/20;G06F8/38 |
| 代理公司： | 成都新驱科为知识产权代理事务所(普通合伙) 51251 | 代理人： | 成实;曾娟 |
| 地址： | 610000 四川省成*** | 国省代码： | 四川;51 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | |||
| 搜索关键词： | 文本插件 组件开发 初始化 文本 文本编辑功能 文本编辑组件 文件夹 代码复用 工程开发 功能封装 图片上传 可复用 上传 封装 验证 引入 图片 优化 成功 | ||
1.一种基于Element UI和UEditor富文本的组件开发方法，其特征在于，包括以下步骤：
(1)在工程public文件夹中引入UEditor富文本插件，并将UEditor富文本插件封装成Element UI组件；
(2)对UEditor富文本插件进行初始化；
(3)验证初始化是否成功；
(4)在Element UI组件中修改图片上传功能；
(5)在Element UI组件中设置图片插入功能。
2.根据权利要求1所述的一种基于Element UI和UEditor富文本的组件开发方法，其特征在于，步骤(3)包括以下步骤：
(3a)打开chrome浏览器的调试模式，在显示页面调用已初始化的组件；
(3b)查看控制台是否报错：是，则进入步骤(3c)；否，则进入步骤(3d)；
(3c)检查错误位置，并在错位位置对应的设置位置进行修正，然后返回步骤(3b)；
(3d)验证初始化成功，结束验证步骤。
3.根据权利要求1或2所述的一种基于Element UI和UEditor富文本的组件开发方法，其特征在于：步骤(2)对UEditor富文本插件进行初始化的过程为：新建vue格式文件并定义VUE对象，对页面展示出的富文本插件的样式做调整，统一富文本组件与Element UI的样式风格。
4.根据权利要求3所述的一种基于Element UI和UEditor富文本的组件开发方法，其特征在于：所述vue格式文件包括<template></template>；<script></script>；<style></style>三个部分；所述<template></template>部分用于定义一个dom，即富文本插件在页面展示的容器；所述<script></script>部分用于控制页面渲染；所述<style></style>部分则用于对页面展示出的富文本插件的样式做调整。
5.根据权利要求4所述的一种基于Element UI和UEditor富文本的组件开发方法，其特征在于：所述<style></style>部分采用的是Less语言。
6.根据权利要求4或5所述的一种基于Element UI和UEditor富文本的组件开发方法，其特征在于：所述VUE对象包括name，props，data，watch，methods，mounted，beforeDestory。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于易知成都数据服务有限公司，未经易知成都数据服务有限公司许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/pat/books/201711337010.4/1.html，转载请声明来源钻瓜专利网。
