Skip to content

Instantly share code, notes, and snippets.

@pabluk

pabluk/editor.html

Last active September 13, 2016 11:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save pabluk/f31e3758749bd2fa8fb759c22db6e869 to your computer and use it in GitHub Desktop.
Save pabluk/f31e3758749bd2fa8fb759c22db6e869 to your computer and use it in GitHub Desktop.
Download ZIP
Markdown Editor
Raw
editor.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Markdown Editor</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
</head>
<body>
<p></p>
<div class="container-fluid">
<div class="row">
<div class="col-xs-6 col-md-6">
<form action="" id="md-form">
<div class="form-group">
<textarea class="form-control" rows="20" name="document"></textarea>
</div>
<button type="submit" class="btn btn-default">Convert</button>
</form>
</div>
<div class="col-xs-6 col-md-6">
<div id="result"></div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script>
$("#md-form").submit(function(event) {
event.preventDefault();
var $form = $(this),
content = $form.find("textarea[name='document']").val(),
url = "http://chalupas.antojitos.io/convert/";
var convert = $.post(url, {'document': content, 'from': 'md', 'to': 'html'});
convert.done(function(data) {
$("#result").empty().append(data);
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment