tomer/dabblet.css

## dabblet.css
.field {
	border: 1px solid silver;
	min-height: 2em;
	width: 50%;
	display: inline-block;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

#input { width: 99%; border: none; outline: none;}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="field">
<textarea id="input"Input"></textarea></div>
<input type="button" value="Load" onClick="linkify.input=(document.getElementById('input').value;" />
<input type="button" value="Execute" onClick="document.getElementById('output').textContent = linkify" />
<div id="output" class="field"></div>

## dabblet.js
var linkify = {
	input = function(input) {
		this.content = input;
	}
	toString : function() {
		return this.content;
	}
}

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"javascript"}
	.field {
	border: 1px solid silver;
	min-height: 2em;
	width: 50%;
	display: inline-block;
	font-size: 100%;
	margin: 0;
	padding: 0;
	}

	#input { width: 99%; border: none; outline: none;}
	<!-- content to be placed inside <body>…</body> -->
	<div class="field">
	<textarea id="input"Input"></textarea></div>
	<input type="button" value="Load" onClick="linkify.input=(document.getElementById('input').value;" />
	<input type="button" value="Execute" onClick="document.getElementById('output').textContent = linkify" />
	<div id="output" class="field"></div>
	var linkify = {
	input = function(input) {
	this.content = input;
	}
	toString : function() {
	return this.content;
	}
	}