0

emojione と at.js (オートコンプリート) の両方を froala エディターのテキストエリアに追加したいと考えています。emojione は正常に動作しますが、at.js は動作しません。

バージョン: froala_editor v3.1.0 EmojioneArea v3.1.5 at.js - 1.5.3

これが私のスニペットです：

// Define data source for At.JS.
var datasource = ["Jacob", "Isabella", "Ethan", "Emma", "Michael", "Olivia" ];

// Build data to be used in At.JS config.
var names = $.map(datasource, function (value, i) {
  return {
    'id': i, 'name': value, 'email': value + "@email.com"
  };
});

// Define config for At.JS.
var config = {
  at: "@",
  data: names,
  displayTpl: '<li>${name} <small>${email}</small></li>',
  limit: 200
}

$('#froala-editor').emojioneArea({
                                autocomplete: false,
                                pickerPosition: "top",
                                tonesStyle: "bullet",
                                saveEmojisAs: "unicode"
                            });

// Initialize editor.
$('#froala-editor')
  .on('froalaEditor.initialized', function (e, editor) {
    editor.$el.atwho(config);

    editor.events.on('keydown', function (e) {
      if (e.which == $.FroalaEditor.KEYCODE.ENTER && editor.$el.atwho('isSelecting')) {
        return false;
      }
    }, true);
  })
  .froalaEditor()
<div id="froala-editor">
</div>

4

1 に答える 1

1

Froala の初期化に V2 構文を使用しているようです。次のように初期化してみてください。

// Initialize editor.
var editor = new FroalaEditor('#froala-editor', {
    events: {
      initialized: function() {
        $(editor.el).atwho(config);

    editor.events.on('keydown', function (e) {
      if (e.which == FroalaEditor.KEYCODE.ENTER && $(editor.el).atwho('isSelecting')) {
        return false;
      }
    }, true);      }
    }
  });
于 2020-07-17T10:21:35.893 に答える