https://github.com/farhadg/mesh-code-editor

:black_nib: A sleek, real-time & collaborative online code editor for HTML, CSS, and JavaScript
https://github.com/farhadg/mesh-code-editor

coding collaboration collaborative-editing firebase

Last synced: 17 days ago
JSON representation

:black_nib: A sleek, real-time & collaborative online code editor for HTML, CSS, and JavaScript

• Host: GitHub
• URL: https://github.com/farhadg/mesh-code-editor
• Owner: FarhadG
• Created: 2013-12-11T12:58:09.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2015-11-16T06:53:45.000Z (about 9 years ago)
• Last Synced: 2023-10-20T19:48:06.902Z (about 1 year ago)
• Topics: coding, collaboration, collaborative-editing, firebase
• Language: CSS
• Homepage: http://farhadg.github.io/mesh-code-editor/
• Size: 618 KB
• Stars: 27
• Watchers: 5
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# MESH

> A sleek, collaborative, online code editor for HTML, CSS, JavaScript

---

This project won Firebase's solo hackathon when their API was first exposed. That said, it will continue to grow (and be updated) with new features. If something is not working or you would like a new feature, please use the issues page.

## Demo

Click for a demo: Mesh Code Editor.

## Installation

You can simply fork and clone (or download) Mesh into your local directory:

```

  $ git clone https://www.github.com/farhadg/mesh-code-editor

```

## Usage

Fire up `index.html` for the online code editor. You will be presented with some default text that'll provide you an idea of the layout.

The preview box can be adjusted and dragged around. Be sure to select and drag around the edges (handlers), since the contents within the frame are exempt of this behaviour.

You can also switch between a dark or light theme.

For basic editor modifications, checkout `js/app.js` and `css/style.css`.

HTML

CSS

JavaScript (jQuery)

## Options

I'll be adding more meshing features; that said, if you'd like a feature, let me know so that I'll try and implement it into future updates.