xtemplate-editor
v1.0.65
Published
组件工具编辑功能组件
Downloads
16
Readme
项目说明
包含内容
- 动画库
- 编辑分布(开始页,游戏页,题干部分,渲染方法)
- 预览部分(开始页,游戏页面,题干部分)
- vue页面(编辑页面,预览页面)
修改注意事项及步骤
1.运行npm install 安装相关依赖 2.修改src下对应文件 3.运行npm run build
项目导出方法
Editor //编辑页面
Preview //预览页面
UploadAndRenderEle //编辑页面上传资源后执行
RenderAllData //渲染所有元素
RenderElementByIndex //根据下标渲染内容页
xesEditorDrag //拖拽方法
xesAnimate //动画库
xesPreviewStart //预览开始页
xesPreviewGame //预览游戏页
xesPreviewSubtitle //预览题干部分
项目引入
import {xesAnimate} from 'xtemplate-editor'
目录结构
|-- common
| `-- loader.js //公共部分
|-- lib //导出目录
| |-- Animate //动画库
| | `-- index.js
| |-- Editor //编辑
| | |-- game //编辑游戏页
| | | `-- index.js
| | |-- render //渲染
| | | |-- DragElement.js
| | | `-- index.js
| | |-- start //编辑开始页
| | | `-- index.js
| | `-- subtitle //编辑题干部分
| | `-- index.js
| |-- Preview //预览
| | |-- game //预览游戏页
| | | `-- index.js
| | |-- start //预览开始页
| | | `-- index.js
| | `-- subtitle //预览题干部分
| | `-- index.js
| |-- index.js
| `-- packages
| |-- Editor
| | `-- index.js
| `-- Preview
| `-- index.js
|-- package-lock.json
|-- package.json
|-- README.md
|-- src //原始目录
| |-- Animate //动画库
| | |-- index.js
| | `-- readme.md
| |-- Editor //编辑
| | |-- game //编辑游戏页
| | | `-- index.js
| | |-- render //渲染
| | | |-- DragElement.js
| | | `-- index.js
| | |-- start //编辑开始页
| | | `-- index.js
| | `-- subtitle //编辑题干部分
| | `-- index.js
| |-- Preview //预览
| | |-- game //预览游戏页
| | | `-- index.js
| | |-- start //预览开始页
| | | `-- index.js
| | `-- subtitle //预览题干部分
| | `-- index.js
| |-- index.js
| `-- packages //vue预览编辑页面
| |-- Editor //编辑页面
| | |-- index.js
| | `-- src
| | |-- Edit.vue
| | |-- EditEnd.vue
| | |-- EditGame.vue
| | |-- EditGamePublic.vue
| | |-- EditPreview.vue
| | `-- EditStart.vue
| `-- Preview //预览页面
| |-- index.js
| `-- src
| `-- Preview.vue