提示

Summernote 支持自动完成功能，可提供提示帮助打字。你可以使用选项定义自定义提示。提示选项可以是一个对象，也可以是多个提示的数组。

| Key      | Type              | 说明       |
|----------|-------------------|------------|
| match    | RegExp `required`   | 用于检查触发模式的正则表达式。  |
| search   | Function `required` | 匹配关键词的处理程序。您可以通过回调传递建议项。第一个参数是关键词，第二个参数是回调。    |
| template | Function `optional` | 建议弹出窗口的项目模板。该函数将 item 作为参数，并返回字符串类型。  |
| content  | Function `optional` | 用于插入的模板函数。通过该函数，您可以切换插入节点的项目。该函数的第一个参数是项目，返回值为元素或字符串。 |

### 词语提示

```javascript
$(".hint2basic").summernote({
  height: 100,
  toolbar: false,
  placeholder: 'type with apple, orange, watermelon and lemon',
  hint: {
    words: ['apple', 'orange', 'watermelon', 'lemon'],
    match: /\b(\w{1,})$/,
    search: function (keyword, callback) {
      callback($.grep(this.words, function (item) {
        return item.indexOf(keyword) === 0;
      }));
    }
  }
});
```

### 表情符号提示
对于表情符号，您可以使用https://api.github.com/emojis 。
```javascript
$.ajax({
  url: 'https://api.github.com/emojis',
  async: false 
}).then(function(data) {
  window.emojis = Object.keys(data);
  window.emojiUrls = data; 
});;

$(".hint2emoji").summernote({
  height: 100,
  toolbar: false,
  placeholder: 'type starting with : and any alphabet',
  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 '';
    }
  }
});
```

### 提及提示
对于提及： [jayden, sam, alvin, david]

```javascript
$(".hint2mention").summernote({
  height: 100,
  toolbar: false,
  hint: {
    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;
    }    
  }
});
```