Display text or code content on a div while typing in the textbox like markdown

Question

I want to display text or code content on a div while I am typing in the textbox like markdown. Here is how far I got.

Script to show the content on div

<script type="text/javascript">
$(document).ready(function () {
$('#title').keyup(function(e){
var keyed = $(this).val().replace(/[]/g, '');
$("#result").html(keyed);
});
});
</script>

html part

<form>
<input type="text" id="title" name="title"/>
</form>
<div id="result">
</div>

It is working. But I want that when user types <table> tag it should not take it as a input and should not display anything

Answer 1

The only character that shows when typing tags is the open tag. I wrote some code to handle that open tag when typed in.

   $(document).ready(function () {
$('#title').keyup(function(e){
    var keyed = $(this).val().replace(/[]/g, '');
    if(keyed == '<')
    {
        $('#title').keyup(function(e){
            var keyed = $(this).val().replace(/[]/g,'');
            $('#result"').html('<' + keyed);
        });
    }
    else
    $("#result").html(keyed);
 });
});