Easy Markdown Editor 使用教程

最新推荐文章于 2024-08-10 08:19:55 发布

管吟敏Dwight

最新推荐文章于 2024-08-10 08:19:55 发布

阅读量364

点赞数 5

本文链接：https://blog.csdn.net/gitblog_00483/article/details/141079375

版权

Easy Markdown Editor 使用教程

easy-markdown-editorEasyMDE: A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.项目地址:https://gitcode.com/gh_mirrors/ea/easy-markdown-editor

项目介绍

Easy Markdown Editor（以下简称 EME）是一个基于 JavaScript 的开源 Markdown 编辑器，旨在提供一个简单、易用的 Markdown 编辑体验。EME 支持实时预览、语法高亮和多种自定义选项，适用于需要集成 Markdown 编辑功能的 Web 应用。

项目快速启动

安装

首先，克隆项目仓库到本地：

git clone https://github.com/Ionaru/easy-markdown-editor.git

进入项目目录：

cd easy-markdown-editor

安装依赖：

npm install

运行

启动开发服务器：

npm start

此时，浏览器会自动打开一个新页面，显示 EME 的示例页面。

集成到项目

在你的 HTML 文件中引入 EME 的相关文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Easy Markdown Editor 示例</title>
    <link rel="stylesheet" href="dist/easymde.min.css">
</head>
<body>
    <textarea id="my-editor"></textarea>
    <script src="dist/easymde.min.js"></script>
    <script>
        var easyMDE = new EasyMDE({
            element: document.getElementById('my-editor')
        });
    </script>
</body>
</html>