# OnlineCodeEditor

**Repository Path**: Glowth/OnlineCodeEditor

## Basic Information

- **Project Name**: OnlineCodeEditor
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: chore-vite
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-04
- **Last Updated**: 2025-08-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Online Code Editor

An online code Editor like `CodePen`, built by Vue3.  

This is a pratice project.  

## Status: ✏
- <a href="https://leon-kfd.github.io/OnlineCodeEditor/#/">Simple Demo from Github pages</a>
- <a href="https://kongfandong.cn/coder">Simple Demo from author server</a>

## Feature

✅ Offline Demo.(Used iframe and `postMessage` to refresh)

✅ Layout Resize and Fold.

✅ HTML/CSS <a href="https://docs.emmet.io/" target="_blank">`Emmet`</a>

✅ Add CDN.

✅ Add SCSS Mode. (It's based on an online api provided by <a href="https://sassmeister.com" target="_blank">sassmeister.com</a>)

✅ Mobile View. (Responsive design)


## Todo

😴 Javascript Babel Mode.  
😴 Account System for code sync.  
😴 Online Code show.  
😴 More code layout view.  

...