markhillard/Editor

:pencil: Real-time, responsive HTML/CSS/JS code editor

Editor

Editor is a responsive HTML/CSS/JS code editor that renders what you type in real-time. It utilizes the following libraries:

• jQuery
• jQuery UI - Resizable
• CodeMirror
• FileSaver.js
• Blob.js
• typeahead.js

Style

• Theme: Dracula
• Font: Fira Code
• Icons: Font Awesome

Features

• Auto-Save (Local Storage)
• Resizable Code/Preview Pane
• Preview Pane Width Indicator
• Syntax Highlighting
• Code Folding
• Code Linting
• Tag/Bracket Matching
• Auto-Close HTML Tags
• Eric Meyer's CSS Reset
• Font Resizer
• Text Wrapping Toggles
• Reset Editor Defaults
• Refresh Editor
• Clear Editor
• Run Scripts In Browser
• Save As HTML File
• Dependency Injection

CodeMirror Keymaps

• Sublime
• Emmet

Note: If Emmet is enabled the Sublime Keymap will be disabled, and vice-versa.

Browser Support

Editor works in all modern web browsers and IE10+.