Question

我正在尝试使用mentions plugin添加隐藏的用户ID，以便我可以正确解析用户。

当我在这里提到某人时，它是如何看起来像

Hello [Mention User], This is just a test

要做到这一点，我必须像这样覆盖插件中的insert方法

    insert: function(data){
        return   '<div style="display: inline;">'
                    + '<span class="mentionedUser">[' + data.name + ']</span><div class="hiddenMentionUserID" style="display:none;">'+data.id+'</div>'
               + '</div>';
    }

上述代码的问题在于，它不会像我期望的那样在同一行显示文本。

相反，这里是如何显示文本

Hello
[Mention User]
, This is just a test

如何调整我的html / css代码，使提及名称与文本显示在同一行以及隐藏的用户ID？

Answer 1

不要使用div使用跨度

 insert: function(data){
        return   '<span >'
                    + '<span class="mentionedUser">[' + data.name + ']</span><div class="hiddenMentionUserID" style="display:none;">'+data.id+'</div>'
               + '</span>';
    }

如何在与段落文本相同的行中显示隐藏的div？

1 个答案: