在文本框中键入时显示div上的文本或代码内容,如markdown

时间:2015-05-17 13:23:07

标签: javascript jquery markdown

当我在文本框中输入时,我想在div上显示文本或代码内容。这是我有多远。

显示div上内容的脚本

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

html部分

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

它正在发挥作用。但我希望当用户输入<table>标签时,它不应该将其作为输入并且不应显示任何内容

1 个答案:

答案 0 :(得分:0)

键入标签时显示的唯一字符是开放标记。我输入了一些代码来处理打开的标签。

   $(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);
 });
});