首页 新闻 会员 周边 捐助

用editor.md 当编辑器, 当@一个会员。并在编辑器取的焦点。写了两个js函数。都不成功?

0
悬赏园豆:30 [待解决问题]

地址:http://editor.md.ipandao.com/examples/simple.html

在html 这里此用editor.md

<div id="test-editor">
                <textarea id="id_body" name="body" style="display:none;"></textarea>
              </div>

想实现的功能,点击这里的回复Ta 把这亿nickname里的变量加上 @ 显示在编辑器里并取得焦点。

<span class="reply-jump reply" nickname="{{author}}">回复Ta</span>

js代码 1 editor.md 里取不到焦点,也没法把 @+用户名 加到编辑器里

$(function(){
    $('.reply-jump').on('click', function (e) {
        var nickname = $(this).data('nickname');
        //var parent = $(this).data('parent');
        
        var $textarea = $('#id_body');
        var mention = '@' + nickname + ' ' + $textarea.val();
        $textarea.focus();
        $textarea.val(mention);
    });
});

js代码 2 同样都不行

function reply() {
        var content = '@' + $(this).attr('data-nickname') + ' ';
        console.log(content);
        var $textarea = $('#id_body');
        $textarea.val(content).focus();
    }
    $('.reply-jump').on('click', reply);

不知道是哪里出了问题?
请各位朋友指导一下。谢谢。

cndeer的主页 cndeer | 初学一级 | 园豆:96
提问于:2019-12-18 10:48
< >
分享
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册