Skip to content

Instantly share code, notes, and snippets.

@marksharrison
Created August 18, 2016 13:57
Show Gist options
  • Save marksharrison/c2b2a1e4f6592b14ef16b9df90484d6a to your computer and use it in GitHub Desktop.
Save marksharrison/c2b2a1e4f6592b14ef16b9df90484d6a to your computer and use it in GitHub Desktop.
Simple in browser YAML editor that extends "data:text/html,<html contenteditable>".
data:text/html,<style type="text/css">#e{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id="e"></div><script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.5/ace.js" type="text/javascript" charset="utf-8"></script><script>var e=ace.edit("e");e.setTheme("ace/theme/twilight");e.getSession().setMode("ace/mode/yaml");e.setFontSize("20");e.focus();</script>
@marksharrison
Copy link
Author

marksharrison commented Aug 18, 2016

Links to customize Ace Editor to your liking:
Ace Editor API
https://ace.c9.io/#nav=api&api=editor
Ace Editor Test Page
https://ace.c9.io/build/kitchen-sink.html

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment