summaryrefslogtreecommitdiff
path: root/dingus.html
diff options
context:
space:
mode:
authorJohn MacFarlane <jgm@berkeley.edu>2014-12-31 13:23:29 -0800
committerJohn MacFarlane <jgm@berkeley.edu>2014-12-31 13:23:29 -0800
commit89a10775af065e7113ae1d34ea64b5ac9a741dd0 (patch)
treeda7a8aa51fc176288406abc34d9c8517e0477083 /dingus.html
parent5d6faab7e0f88e4a44e55134cad2199be67b4e52 (diff)
Updated dingus - incorporated changes made in CommonMark-site.
Diffstat (limited to 'dingus.html')
-rw-r--r--dingus.html73
1 files changed, 48 insertions, 25 deletions
diff --git a/dingus.html b/dingus.html
index 73c294f..40664d2 100644
--- a/dingus.html
+++ b/dingus.html
@@ -12,37 +12,55 @@
var writer = new commonmark.HtmlRenderer();
var reader = new commonmark.DocParser();
-function getQueryVariable(variable)
-{
- var query = window.location.search.substring(1);
- var vars = query.split("&");
- for (var i=0;i<vars.length;i++) {
- var pair = vars[i].split("=");
- if(pair[0] == variable){return decodeURIComponent(pair[1]);}
- }
- return null;
+function getQueryVariable(variable) {
+ var query = window.location.search.substring(1);
+ var vars = query.split("&");
+ for (var i=0; i<vars.length; i++) {
+ var pair = vars[i].split("=");
+ if (pair[0] == variable){
+ return decodeURIComponent(pair[1]);
+ }
+ }
+ return null;
}
+// via http://stackoverflow.com/questions/499126/jquery-set-cursor-position-in-text-area
+function setSelectionRange(input, selectionStart, selectionEnd) {
+ if (input.setSelectionRange) {
+ input.focus();
+ input.setSelectionRange(selectionStart, selectionEnd);
+ }
+ else if (input.createTextRange) {
+ var range = input.createTextRange();
+ range.collapse(true);
+ range.moveEnd('character', selectionEnd);
+ range.moveStart('character', selectionStart);
+ range.select();
+ }
+}
+// via http://stackoverflow.com/questions/499126/jquery-set-cursor-position-in-text-area
+function setCaretToPos(input, pos) {
+ setSelectionRange(input, pos, pos);
+}
$(document).ready(function() {
var timer;
var x;
var parsed;
var render = function() {
- if (parsed === undefined) {
- return;
- }
- var startTime = new Date().getTime();
- var result = writer.renderBlock(parsed);
- var endTime = new Date().getTime();
- var renderTime = endTime - startTime;
- // $("#html").text(result);
- $("#preview").html(result);
- $("#html").text(result);
- $("#ast").text(commonmark.ASTRenderer(parsed));
- $("#rendertime").text(renderTime);
+ if (parsed === undefined) {
+ return;
+ }
+ var startTime = new Date().getTime();
+ var result = writer.renderBlock(parsed);
+ var endTime = new Date().getTime();
+ var renderTime = endTime - startTime;
+ $("#preview").html(result);
+ $("#html").text(result);
+ $("#ast").text(commonmark.ASTRenderer(parsed));
+ $("#rendertime").text(renderTime);
};
- var parseAndRender = function () {
+ var parseAndRender = function() {
if (x) { x.abort() } // If there is an existing XHR, abort it.
clearTimeout(timer); // Clear the timer so we don't end up with dupes.
timer = setTimeout(function() { // assign timer a new timeout
@@ -71,10 +89,16 @@ $(document).ready(function() {
$('#result-tabs a[href="#result"]').tab('show');
}
// make tab insert a tab in the text box:
- $("#text").keydown(function (e) {
+ $("#text").keydown(function(e) {
if (e.which == 9) {
- e.preventDefault();
+ e.preventDefault();
+ if (this.selectionStart !== undefined) {
+ var pos = this.selectionStart;
+ this.value = this.value.substring(0, pos) + "\t" + this.value.substring(pos);
+ setCaretToPos(this, pos + 1);
+ } else {
this.value += "\t";
+ }
}
});
parseAndRender();
@@ -143,7 +167,6 @@ $(document).ready(function() {
<div id="result-ast" class="tab-pane">
<pre id="astpre"><code id="ast"></code></pre>
</div>
- </div>
</div>
</div>
</div>