在本文中，我将介绍如何使用 Electron 框架创建一个 Markdown 编辑器，并添加图床功能。Markdown 编辑器是一种常用的工具，用于编辑和预览 Markdown 格式的文本。图床功能允许用户将图片上传到云端，并获取图片链接，方便在 Markdown 文档中引用。
首先，我们需要安装 Electron。打开终端并执行以下命令：
npm install electron
安装完成后，我们可以开始创建一个新的 Electron 项目。创建一个新的文件夹，并在文件夹中创建以下文件：
index.html：用于显示 Markdown 编辑器和预览区域的 HTML 文件。main.js：用于创建 Electron 应用程序的主进程文件。renderer.js：用于处理渲染进程的逻辑。
接下来，我们将在 index.html 文件中创建一个基本的布局：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Markdown Editor</title>
<style>
body {
display: flex;
}
#editor {
flex: 1;
}
#preview {
flex: 1;
}
</style>
</head>
<body>
<div id="editor">
<textarea id="markdown-input">
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
