从头开始构建 CodePen 类型编辑器

想要在您的网站上显示实时代码示例是很常见的，如果您今天想这样做，有一些服务可以提供这种能力。然而，如果你像我一样，你宁愿自己动手。在本教程中，我将为该站点构建自己的类似代码笔的编辑器。 我的目标比大多数人的用例更复杂，因为该站点使用称为MDXT的降价编译器（这是为该站点制作的自定义编译器）；我想将此处的代码包含到 MDXT...

本文介绍如何构建类似于CodePen的实时代码编辑器，包括单个和多个编辑器的实现方法，提供HTML和CSS样式代码。

CSS CodePen HTML 动态更新 实时代码编辑器
从头开始构建 CodePen 类型编辑器
原文中文，约4700字，阅读约需11分钟。发表于：。
阅读原文
分享给好友