使用 Vanilla Js 创建轻量级代码编辑器

嘿那里！??
我很高兴分享我的新项目，NEXON，一个简单的前端代码编辑器，
我使用 vanilla js 构建的。

介绍

Nexon，是一个简单且轻量级的在线代码编辑器，它允许您在线编写前端代码，
它还提供了强大的项目管理，您可以在其中保存项目、编辑项目，还可以以 .html 格式下载项目！

特征

• 项目管理
• 实时代码预览
• 下载功能
• 简单直观的用户界面

使用的技术和库

• html
• javascript
• litestyle.css
• FileSaver.js

查看我的项目

• 尼克森
• GitHub

这个想法

昨天，无聊袭来，我决定建造一些东西，因此，NEXON 诞生了

过程

所以首先，我设计了UI，我计划使用litestyle.css，这是我几个月前构建的一个CSS框架，因为我想检查它的功能，
&然后我为此编写了js，
我使用了一个简单的 iframe 和一个 textarea，其中 textarea 的值设置为 iframe 的 srcdoc，无论您何时键入。
我利用本地存储来存储用户数据。

面临的挑战

实现下载功能被证明是很棘手的，所以我使用 FileSaver.js 来克服这个挑战

吸取的教训

构建 NEXON 是一次很棒的学习经历。
构建 NEXON，帮助我巩固了我的 JAVASCRIPT 知识，
& 而且我还了解了编写模块化代码的重要性。

结论

构建 NEXON，标志着我前端之旅的一个重要里程碑，展示了 vanilla JS 的力量。

以上是使用 Vanilla Js 创建轻量级代码编辑器的详细内容。更多信息请关注PHP中文网其他相关文章！