当前位置： 首页 > news >正文

Electron+VUE3开发简版的编辑器【文件预览】

news 2026/4/22 10:04:39

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

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

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

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

编辑区域

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

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

VUE代码如下：

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

相关文章：

Electron+VUE3开发简版的编辑器【文件预览】

简版编辑器的功能主要是： 打开对话框，选择文件后台读取文件文件前端展示文件内容。主要技术栈是VUE3、Electron和Nodejs，VUE3做页面交互，Electron提供一个可执行Nodejs的环境以及支撑整个应用的环境，nodeJS负责读取文件内容。 环境配置、安装依赖这些步骤就不再叙述了。 …...

编程日记 2023/11/25 11:14:45

docker、elasticsearch8、springboot3集成备忘

目录 一、背景 二、安装docker 三、下载安装elasticsearch 四、下载安装elasticsearch-head 五、springboot集成elasticsearch 一、背景 前两年研究了一段时间elasticsearch&#xff0c;当时也是网上找了很多资料&#xff0c;最后解决个各种问题可以在springboot上运行了…...

编程日记 2023/11/25 11:13:44

【Lombok使用详解】

目录 前言&#xff1a;注解速查1.Lombok概念2.安装Lombok3. 使用Lombok3.1 &#x1f60a;Data3.2 GetterSetter3.3 NonNull3.4 Synchronized3.5 ToString&#xff1a;自动生成toString()方法3.6 Cleanup3.7 EqualsAndHashCode 前言&#xff1a;注解速查 NonNull : 用在成员方法…...

编程日记 2023/11/25 11:12:43

Tars框架 Tars-Go 学习

Tars 框架安装 网上安装教程比较多&#xff0c;官方可以参数这个 TARS官方文档 (tarsyun.com) 本文主要介绍部署应用。 安装完成后Tars 界面 增加应用amc 部署申请 amc.GoTestServer.GoTestObj 名称不知道的可以参考自己创建的app config 点击刷新可以看到自己部署的应用 服…...

编程日记 2023/11/25 11:10:41

基于JAVA+SpringBoot+VUE+微信小程序的前后端分离咖啡小程序

✌全网粉丝20W,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ &#x1f345;文末获取项目下载方式&#x1f345; 一、项目背景介绍&#xff1a; 随着社会的快速发展和…...

编程日记 2023/11/25 11:09:40

2015年全国硕士研究生入学统一考试管理类专业学位联考数学试题——解析版

文章目录 2015 级考研管理类联考数学真题一、问题求解&#xff08;本大题共 15 小题&#xff0c;每小题 3 分&#xff0c;共 45 分&#xff09;下列每题给出 5 个选项中&#xff0c;只有一个是符合要求的&#xff0c;请在答题卡上将所选择的字母涂黑。真题&#xff08;2015-01&…...

编程日记 2023/11/25 11:07:37

优秀软件设计特征与原则

1.摘要 一款软件产品好不好用, 除了拥有丰富的功能和人性化的界面设计之外, 还有其深厚的底层基础, 而设计模式和算法是构建这个底层基础的基石。好的设计模式能够让产品开发快速迭代且稳定可靠, 迅速抢占市场先机&#xff1b;而好的算法能够让产品具有核心价值, 例如字节跳动…...

编程日记 2023/11/25 11:06:36

设备管理系统-设备管理软件

一、为什么要使用设备管理系统 1.企业扩张快&#xff0c;设备配置多&#xff0c;管理混乱。 2.设备数量多&#xff0c;存放地点多&#xff0c;查找麻烦。 3.同类设备单独管理, 困难。 4.设备较多时相关信息统计容易出错&#xff0c;错误后修改困难。 二、凡尔码设备管理软件的…...

编程日记 2023/11/25 11:05:35

物联网AI MicroPython学习之语法 I2S音频总线接口

学物联网&#xff0c;来万物简单IoT物联网&#xff01;&#xff01; I2S 介绍 模块功能: I2S音频总线驱动模块 接口说明 I2S - 构建I2S对象 函数原型&#xff1a;I2S(id, sck, ws, sd, mode, bits, format, rate, ibuf)参数说明&#xff1a; 参数类型必选参数&#xff1f…...

编程日记 2023/11/25 11:04:35

Day31| Leetcode 455. 分发饼干 Leetcode 376. 摆动序列 Leetcode 53. 最大子数组和

进入贪心了&#xff0c;我觉得本专题是最烧脑的专题 Leetcode 455. 分发饼干 题目链接 455 分发饼干 让大的饼干去满足需求量大的孩子即是本题的思路&#xff1a; class Solution { public:int findContentChildren(vector<int>& g, vector<int>& s) {…...

编程日记 2023/11/25 11:03:34

基于C#实现赫夫曼树

赫夫曼树又称最优二叉树&#xff0c;也就是带权路径最短的树&#xff0c;对于赫夫曼树&#xff0c;我想大家对它是非常的熟悉&#xff0c;也知道它的应用场景&#xff0c;但是有没有自己亲手写过&#xff0c;这个我就不清楚了&#xff0c;不管以前写没写&#xff0c;这一篇我们…...

编程日记 2023/11/25 11:02:33

Android 13.0 app进程保活白名单功能实现

1.前言 在13.0的系统rom产品开发中，在某些重要的app即使进入后台，产品需求要求也不想被系统杀掉进程，需要app长时间保活，就是app进程保活白名单功能的实现， 所以需要在系统杀进程的时候不杀掉白名单的进程，接下来就看怎么样来实现这些功能 2.app进程保活白名单功能实…...

编程日记 2023/11/25 11:01:32

查找学习笔记

1、静态查找表 以下查找的索引均从1开始 &#xff08;1&#xff09;顺序查找&#xff08;带哨兵&#xff09; #include<iostream> #include<vector>using namespace std;int search(vector<int> arr, int key) {arr[0] key;int i;for (i arr.size() - 1…...

编程日记 2023/11/25 11:00:31

Qt QIODevice介绍

作者：令狐掌门 技术交流QQ群：675120140 csdn博客：https://mingshiqiang.blog.csdn.net/ 文章目录 主要功能用法示例读取数据写入数据使用数据流基于套接字的读写注意事项QIODevice 是 Qt 中所有输入/输出设备的抽象基类。它为派生类提供了一组标准的接口用于读写数据。这些派…...

编程日记 2023/11/25 10:59:30

python -opencv 中值滤波 ，均值滤波，高斯滤波实战

python -opencv 中值滤波 &#xff0c;均值滤波&#xff0c;高斯滤波实战 cv2.blur-均值滤波 cv2.medianBlur-中值滤波 cv2.GaussianBlur-高斯滤波 直接看代码吧&#xff0c;代码很简单&#xff1a; import copy import math import matplotlib.pyplot as plt import matp…...

编程日记 2023/11/25 10:58:29

【教学类-06-07】20231124 （55格版）X-X之间的加法、减法、加减混合题

背景需求 在大四班里&#xff0c;预测试55格“5以内、10以内、20以内的加法题、减法题、加减混合题”的“实用性”。 由于只打印一份20以内加法减法混合题。 “这套20以内的加减法最难”&#xff0c;我询问谁会做&#xff08;摸底幼儿的水平&#xff09; 有两位男孩举手想挑…...

编程日记 2023/11/25 10:56:25

postgresql经常出现连接一会后服务器拒绝连接

本地连接远程Linux上PG数据库经常自动断开连接 原因&#xff1a;Linux设置的tcp的keepalive超时时间太长&#xff0c;如果网络状况不佳&#xff0c;可能会导致连接断掉。 [rootlocalhost ~]# sysctl -a | grep net.ipv4.tcp_keepalive sysctl: reading key "net.ipv6.con…...

编程日记 2023/11/25 10:55:23

迈巴赫S480升级主动式氛围灯 浪漫婉转的气氛

主动式氛围灯有263个可多色渐变的LED光源&#xff0c;营造出全情沉浸的动态光影氛围。结合智能驾驶辅助系统&#xff0c;可在转向或检测到危险时&#xff0c;予以红色环境光提示&#xff0c;令光影艺术彰显智能魅力。配件有6个氛围灯&#xff0c;1个电脑模块。 1、气候&#xf…...

编程日记 2023/11/25 10:54:22

Leetcode103 二叉树的锯齿形层序遍历

二叉树的锯齿形层序遍历 题解1 层序遍历双向队列 给你二叉树的根节点 root &#xff0c;返回其节点值的 锯齿形层序遍历 。&#xff08;即先从左往右&#xff0c;再从右往左进行下一层遍历&#xff0c;以此类推&#xff0c;层与层之间交替进行&#xff09;。 提示&#xff1a…...

编程日记 2023/11/25 10:53:21

可观测性建设实践之 - 日志分析的权衡取舍

指标、日志、链路是服务可观测性的三大支柱&#xff0c;在服务稳定性保障中&#xff0c;通常指标侧重于发现故障和问题&#xff0c;日志和链路分析侧重于定位和分析问题&#xff0c;其中日志实际上是串联这三大维度的一个良好桥梁。 但日志分析往往面临成本和效果之间的权衡问…...

编程日记 2023/11/25 10:52:21

告别静态桌面！用LVGL给ESP32小屏幕玩出花：动态天气图标+可切换表盘实战

告别静态桌面&#xff01;用LVGL给ESP32小屏幕玩出花&#xff1a;动态天气图标可切换表盘实战 在嵌入式开发领域&#xff0c;ESP32凭借其出色的性能和丰富的功能&#xff0c;已成为物联网项目的首选平台之一。而当我们为这些项目添加用户界面时&#xff0c;LVGL&#xff08;Lig…...

编程新知 2026/4/22 9:53:48

MATLAB errorbar画带误差棒的折线图，为什么你的图例和坐标轴标签总对不齐？（附Times New Roman字体设置技巧）

MATLAB学术图表优化&#xff1a;误差棒折线图的专业排版技巧 理工科研究者常面临一个尴尬场景&#xff1a;实验数据明明扎实可靠&#xff0c;却因图表排版粗糙被审稿人质疑专业性。尤其在使用MATLAB绘制带误差棒的折线图时&#xff0c;图例位置飘忽、坐标轴标签字体不统一、误差…...

编程新知 2026/4/22 9:14:56

工业级实战：Java优化YOLO推理全流程，帧率稳定突破30FPS实时检测

前言 在工业视觉检测、智能安防、现场实时识别等落地场景中&#xff0c;Java凭借其跨平台兼容性、成熟的企业级生态以及稳定的运行特性&#xff0c;依旧是大量后端与桌面视觉项目的核心开发语言。但谈及YOLO系列目标检测模型的推理部署&#xff0c;业内普遍存在固有认知&#x…...

编程新知 2026/4/22 7:21:05

LLM Wiki + Research Skill Graph + Obsidian 从零构建你的个人知识库和研究引擎

2026年4月3日&#xff0c;安德烈卡帕西&#xff08;OpenAI联合创始人、特斯拉前人工智能主管&#xff0c;也是“氛围编程”一词的创造者&#xff09;发布了一条标题为“大语言模型知识库”的推文&#xff0c;讲述了他如今如何利用大语言模型构建个人知识维基&#xff0c;而非仅…...

编程新知 2026/4/22 7:16:42

FPGA实战：手把手教你用Verilog实现有符号数的四舍五入（附完整代码与仿真）

FPGA实战&#xff1a;手把手教你用Verilog实现有符号数的四舍五入&#xff08;附完整代码与仿真&#xff09; 在数字信号处理领域&#xff0c;有符号数的四舍五入是一个看似简单却暗藏玄机的操作。许多初学者在处理负数时常常会遇到意想不到的结果&#xff0c;这是因为负数的四…...

编程新知 2026/4/22 6:35:54

Dify文档解析配置实战手册：从PDF乱码到结构化知识库，97%用户忽略的4个关键参数设置

第一章&#xff1a;Dify文档解析配置的核心价值与典型痛点Dify 的文档解析配置是构建高质量 RAG&#xff08;检索增强生成&#xff09;应用的基石。它决定了原始 PDF、Word、Markdown 等非结构化文档如何被切分、清洗、元数据注入及向量化&#xff0c;直接影响后续检索的准确性…...

编程新知 2026/4/22 3:11:45

别再手动维护省市区数据了！Vue项目里用element-china-area-data插件5分钟搞定三级联动

Vue项目中的省市区三级联动&#xff1a;用element-china-area-data插件实现高效开发 每次项目需要集成省市区选择功能时&#xff0c;你是否还在为手动维护行政区划数据而头疼&#xff1f;从数据采集到格式转换&#xff0c;再到定期更新&#xff0c;整个过程既耗时又容易出错。现…...

编程新知 2026/4/22 3:05:39

终极网盘直链下载助手完整指南：如何一键获取八大网盘真实下载地址

终极网盘直链下载助手完整指南&#xff1a;如何一键获取八大网盘真实下载地址 【免费下载链接】Online-disk-direct-link-download-assistant 一个基于 JavaScript 的网盘文件下载地址获取工具。基于【网盘直链下载助手】修改 &#xff0c;支持 百度网盘 / 阿里云盘 / 中国移动…...

编程新知 2026/4/21 23:33:15

告别Win10黑屏卡顿：深度排查Explorer.exe高CPU占用与启动失败的关联问题

深度解析Windows 10黑屏与Explorer高CPU占用的关联排查指南 你是否经历过这样的场景&#xff1a;Windows 10系统运行越来越慢&#xff0c;任务管理器显示Explorer.exe进程CPU占用率居高不下&#xff0c;最终在某次重启后直接陷入黑屏状态&#xff1f;这看似两个独立的问题——性…...

编程新知 2026/4/21 23:29:07

UniApp跨端登录踩坑实录：微信静默拿信息，支付宝为啥非得弹个窗？

UniApp跨平台登录实战&#xff1a;微信与支付宝授权机制深度解析 登录功能作为小程序用户体系的入口&#xff0c;其实现质量直接影响用户体验和留存率。UniApp虽然提供了跨平台统一API&#xff0c;但各平台底层授权机制的差异常常让开发者措手不及。本文将深入剖析微信与支付宝…...

编程新知 2026/4/21 23:04:50