javascript - 应用 simplemde 时获取 textarea 名称

Question

我正在尝试在同一页面上使用 2 个不同的启用 simplemde 的文本区域。

我可以通过以下方式使用 simplemde 启用文本区域：

var textareas = Array();
    $('textarea').each(function() {
        var simplemde = new SimpleMDE({
            element: this,
        });
        //simplemde.render(); 
        console.log('simplemde',simplemde.element.name)
        textareas[simplemde.element.name] = simplemde
    })

我将 simplemde 对象添加到名为 textarea 的数组中，并将键添加为相关 textarea 的名称textareas[simplemde.element.name] = simplemde

我想这样做的原因是为了以后可以使用它。

我遇到的问题是我无法通过以下方式获取 textarea 名称：

$('textarea').on('change drop paste', function() {
        // your code here
        
        console.log('textarea_changed', $(this))
        console.log('prev_ta',$(this).parent.parent.next('textarea').attr('name'))
    });

$(this)似乎没有任何名称属性我可以绑定回文本框。

当我查看 dom 时，lib 似乎隐藏了 textarea 并注入了一些其他 dom 对象。

如何检索相关的name属性？

我在这里创建了一个 JSFiddle： https ://jsfiddle.net/Cass0wary/0s87tm51/3/