通过下拉按钮为Trumbowyg插入预定义文本

Question

我已经为trumbowyg创建了一个自定义的dropdown，遵循这个guide，但我卡在如何真正插入一个文本时，下拉按钮被点击。

$('.editor').trumbowyg({
    btnsDef: {
        tagSelect: {
            fn: () => {
                // how to insert test to cursor's position?
            },
            text: 'Name Tag',
            hasIcon: false
        },
        detailsType: {
            dropdown: [
                'tagSelect',
            ],
            title: 'Client Tag',
            hasIcon: false
        }
    },
    btns: [
        ['detailsType']
    ]
})

Answer 1

我使用插件“提及”做到了这一点。

使用这个插件很简单：

$('#editorid').trumbowyg({
    plugins: {
                mention: {
                    source: [
                        { mergetag: '[RECIPIENT_NAME]', name: 'Full name of the recipient' },
                        { mergetag: '[RECIPIENT_NAME_FIRST]', name: 'First name of the recipient' },
                        { mergetag: '[SENDER_NAME]', name: 'Name of sender' },  
                        { mergetag: '[SENDER_MAIL]', name: 'Sender email' },  
                        { mergetag: '[SIGNATURE]', name: 'Senders mailsignature' }
                    ],
                    formatDropdownItem: function (item) {
                        return item.name + ' ' + item.mergetag;
                    },
                    formatResult: function (item) {
                        return item.mergetag;
                    }
                }
            }
});

更多信息请点击此处：https://alex-d.github.io/Trumbowyg/demos/plugins/mention.html