Summernote 用户提及无法包装提到的用户问题

编程问答 2022-05-26

问题描述

嘿，堆栈溢出，

我的文本区域编辑器在使用 summernote 时遇到了 javascript 问题。我制作了一个API调用，它会用@符号从数据库中检索我的用户，但是当用户选择并且返回用户名时，TextArea似乎没有正确包装标记的用户。这就是我的意思：

选择用户的文本区域：

enter image description here

选择用户后和尝试继续输入时的文本区域

enter image description here

enter image description here

我的 Js 代码：

$("#editor").summernote({
        height: 100,hint: {
            match: /\B@(\w*)$/,users: function(keyword,callback) {
            $.ajax({
                url: '/api/mentions/users?q=' + keyword + '&c=name',type: 'get',async: true
            }).done(callback);
        },search: function (keyword,callback) {
            this.users(keyword,callback); //callback must be an array
        },content: function (item) {
            return $('<b class="btn btn-primary">@' + item+'</b>')[0];
        }
        }
    });

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

htmljavascriptmentionmentionsinput.js