blarg/resources/views/posts/postform.html

<form class="form-vertical" method="post">
	<div class="control-group">
		<label class="control-label" for="title">Title</label>
		<div class="controls">
			<input type="text" class="input-xxlarge" id="title" name="title" placeholder="Post Title" value="{{ title|nonull }}" />
		</div>
	</div>
	<div class="control-group">
		<label class="control-label" for="tags">Tags</label>
		<div class="controls">
			<input type="text" class="input-xxlarge" id="tags" name="tags" value="{{ tags|nonull }}" />
		</div>
	</div>
	<div class="control-group">
		<label class="control-label" for="body">Post Body</label>
		<div class="controls">
			<textarea id="body" data-provide="markdown" name="body" rows="20">{{ body|nonull }}</textarea>
		</div>
	</div>	
	<div class="form-actions">
		<button type="submit" class="btn btn-primary">Save</button>
		<button type="button" class="btn">Cancel</button>
	</div>	
</form>

<script type="text/javascript">
$(document).ready(function() {
	var allTags = {{ allTags|json_encode }};
	
	$("#body").markdown();
	$("#tags").select2({tags:allTags});
	$("#tags").on("change", function() { $("#tags_val").html($("#tags").val());});
	
	var errors = {{ validationErrors|json_encode }};
	for (var field in errors) {
		var inputElement = $('#' + field);
		var controlGroup = inputElement.closest('div.control-group');
		
		controlGroup.addClass('error');
		inputElement.after('<span class="help-block">' + errors[field] + '</span>');
	}
	
});
</script>