当前位置：
  1. 首页
  2. vue
  3. 正文
本文介绍: 主要技术栈是VUE3、Electron和Nodejs，VUE3做页面交互，Electron提供一个可执行Nodejs的环境以及支撑整个应用的环境，nodeJS负责读取文件内容。环境配置、安装依赖这些步骤就不再叙述了。

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

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

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

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

编辑区域

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

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

VUE代码如下：

<template>
  <a-button type="primary" @click="onSelectFile"&gt;选择文件
显示所有内容
上一篇 防止应用程序截屏（容器式，防止极域电子教室和录屏软件录制）
下一篇 # Panda3d 碰撞检测系统介绍

相关文章

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

插入图片
浏览器会保存昵称、邮箱和网站cookies信息，下次评论时使用。