jquery - 裹当@被按下时 - Jquery

Question

这是我得到的-：

<div contenteditable="true">Hey man @tt</div>

现在我想在输入<a></a>时环绕@。

例如，当@被按下时，html 将是

<div contenteditable="true">Hey man <a>@</a>tt</div>

Answer 1

使用replace().

尝试这个

var output= $('div').html().replace('@','<a>@</a>');
$('div').html(output);

在这里摆弄

Answer 2

$('input').keypress(function(e){
    if ((e.shiftKey == true) && (e.charCode == 64))
    {
        $(this).html().replace('@','<a>@</a>');
    }
});