@Html.TextAreaFor(j => j.JobDescription, new { @class = "form-control", @rows = "6", @placeholder = "Enter Job Description" })
<small class="color-white-mute">Formatting Options: ##heading *italic* **bold** * bulleted list</small>
<span id="showdown-container">
<span id="showdown-preview">Preview</span>
</span>
<small class="color-white-mute">Formatting Options: ##heading *italic* **bold** * bulleted list</small>
<span id="showdown-container">
<span id="showdown-preview">Preview</span>
</span>
Scripts
$("#JobDescription").keyup(function () {
var txtBox = $(this);
showdownConvert(txtBox);
});
function showdownConvert(txtBox) {
var converter = new showdown.Converter({ headerLevelStart: 2 });
$('#showdown-preview').html(converter.makeHtml(txtBox.val()));
var txtBox = $(this);
showdownConvert(txtBox);
});
function showdownConvert(txtBox) {
var converter = new showdown.Converter({ headerLevelStart: 2 });
$('#showdown-preview').html(converter.makeHtml(txtBox.val()));
if (txtBox.val()=="") {
$('#showdown-preview').html("Preview");
}
}
https://github.com/showdownjs/showdown
http://showdownjs.github.io/demo/
https://mathiasbynens.be/notes/showdown-javascript-jquery