时间戳

首页 > 解决方案 > Summernote - 如何结合表情符号和提及？

emoji - Summernote - 如何结合表情符号和提及？

问题描述

我不得不说，我对 JS 的了解为零，所以我像 CPP 和 PHP 等其他语言一样看待它，但不知道这种语言的任何功能。所以我需要你的帮助。如何在一个summernote窗口中结合提示：提及和表情符号？

当我一个接一个地粘贴时，第一个不工作。当我结合它。提及开始看起来像 [img]:name: 而不仅仅是 The_Name

在这里链接，检查一下，请告诉我如何组合它！请谢谢 h​​ttps ://summernote.org/examples/#multiple-editor

标签： emojisummernotemention

解决方案

您应该使用提示数组：

hint: [{
          match: /:([\-+\w]+)$/,
          search: function (keyword, callback) {
            callback($.grep(emojis, function (item) {
              return item.indexOf(keyword)  === 0;
            }));
          },
          template: function (item) {
            var content = emojiUrls[item];
            return '<img src="' + content + '" width="20" /> :' + item + ':';
          },
          content: function (item) {
            var url = emojiUrls[item];
            if (url) {
              return $('<img />').attr('src', url).css('width', 20)[0];
            }
            return '';
          }
        },
        {
            mentions: ['jayden', 'sam', 'alvin', 'david'],
            match: /\B@(\w*)$/,
            search: function (keyword, callback) {
              callback($.grep(this.mentions, function (item) {
                return item.indexOf(keyword) == 0;
              }));
            },
            content: function (item) {
              return '@' + item;
            }    
          }]

推荐阅读