https://github.com/leon-kfd/onlinecodeeditor

A simple code editor like CodePen, built by Vue3
https://github.com/leon-kfd/onlinecodeeditor

codemirror emmet typescript vue3

Last synced: 12 months ago
JSON representation

A simple code editor like CodePen, built by Vue3

• Host: GitHub
• URL: https://github.com/leon-kfd/onlinecodeeditor
• Owner: leon-kfd
• License: mit
• Created: 2020-10-14T10:17:30.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2023-11-27T03:14:41.000Z (over 2 years ago)
• Last Synced: 2023-11-27T04:24:23.918Z (over 2 years ago)
• Topics: codemirror, emmet, typescript, vue3
• Language: Vue
• Homepage: https://code.howdz.xyz
• Size: 1.57 MB
• Stars: 31
• Watchers: 3
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Online Code Editor

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

This is a pratice project.  

## Status: ✏

- Simple Demo1

- Simple Demo2

## Feature

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

✅ Layout Resize and Fold.

✅ HTML/CSS `Emmet`

✅ Add CDN.

✅ Add SCSS Mode. (It's based on an online api provided by sassmeister.com)

✅ Mobile View. (Responsive design)

## Todo

😴 Javascript Babel Mode.  

😴 Account System for code sync.  

😴 Online Code show.  

😴 More code layout view.  

...