gitbook-plugin-jazer/assets/questionjs/questionjs_website.html

Gitbook exercises validated through a XRegExp and Javascript (work in progress)

<div class="questionjs" style="<% if (config.width){ print("width: "+ config.width +";"); }%> <% if (config.color){ print("border: medium solid  "+ config.color +";"); }%>">
	<div class="header" style="<% if (config.color){ print("background-color: "+ config.color +";"); }%>">Exercise</div>
	<div class="message">
		<%= message %>
	</div>
	<div class ="editor" data-solution="<%= codes.solution %>" data-validation="<%= codes.validation %>" <% if (config.gutter !== undefined){ print("data-gutter='"+ config.gutter.trim() +"'"); }%> style="<% if (config.fontSize){ print("font-size: "+ config.fontSize +";"); }%><% if (config.editorHeight){ print("height: "+ config.editorHeight +";"); }%> <% if (config.editorAutoHeight === "solution" && !config.editorHeight){ print("height: "+ codes.solution.split(/\r\n|\r|\n/).length * config.factor +"px;"); }%><% if (config.editorAutoHeight === "editor" && !config.editorHeight){ print("height: "+ codes.editor.split(/\r\n|\r|\n/).length * config.factor +"px;"); }%>"><%= codes.editor %></div>
	<div class= "correct"> <i class="fa fa-check-square-o fa-lg"></i> Correct </div>
	<div class= "fail" > <i class="fa fa-times fa-lg"></i> Match Failed</div>
	<div class="buttons">
	    <button class="button submit">Submit</button>
	    <button class="button solution">Solution</button>
	</div>
</div>