0
点赞
收藏
分享

微信扫一扫

Android设计模式--外观模式

秦瑟读书 2023-11-27 阅读 51

简版编辑器的功能主要是:

  1. 打开对话框,选择文件
  2. 后台读取文件文件
  3. 前端展示文件内容。

主要技术栈是VUE3、Electron和Nodejs,VUE3做页面交互,Electron提供一个可执行Nodejs的环境以及支撑整个应用的环境,nodeJS负责读取文件内容。

环境配置、安装依赖这些步骤就不再叙述了。

编辑区域

编辑器的编辑区域,也就是文件预览区域,如图所示:

在这里插入图片描述
引入的是开源库:@wangeditor/editor、@wangeditor/editor-for-vue

VUE代码如下:

<template>
  <a-button type="primary" @click="onSelectFile">选择文件
举报

相关推荐

0 条评论