HTML-CSS-JS 小项目 实时markdown编辑器

HTML-CSS-JS 小项目 实时markdown编辑器实验内容

实验内容概述

本实验综合运用多种前端库，完成了一个实时 Markdown 编辑器的开发，并实现了代码高亮效果。这是一个结合了 HTML、CSS 和 JavaScript 的小项目，旨在帮助学习者理解和实践前端开发中的关键技术。

实验效果展示

效果如图所示：

实验知识点

在这个项目中，主要涉及到以下知识点：

• JavaScript：核心编程语言，用于实现交互和逻辑控制。
• marked.js：Markdown 解析库，将 Markdown 转换为 HTML。
• Ace：强大的代码编辑器库，用于构建编辑器界面。
• highlight.js：用于实现代码块的语法高亮。

实验环境

我们将在 Theia 云 IDE 中完成此实验