NicEdit - 解绑事件

Question

我决定在项目中使用 NicEdit，因为它是轻量级的。

所以，现在我的页面中有可变数量的实例，在单击时加载并在编辑器模糊时删除。

我需要知道如何从此组件取消绑定事件。我尝试手动解绑它，但我不明白它们的链接位置！

$('.container').bind('click', function(){
    var _form = $(this).parentsUntil('form').parent();
    var textarea = _form.find('textarea.edit');
    var ta_id = textarea.attr('id');
    var ed = new nicEditor(niceditOptions).panelInstance(ta_id);
    // Show Preview and update textarea and so on
    ed.addEvent('blur', function() {
        var _ed = nicEditors.findEditor(ta_id);
        var ev_type, evt, events = this.eventList;
        for (ev_type in events){
            for (evt in ev_type){
                if (this.removeEventListener){
                    this.removeEventListener(ev_type, events[ev_type][evt]);
                }
                else {
                    this.detachEvent('on' + ev_type, events[ev_type][evt]);
                }
            }
        }
        this.removeInstance(ta_id);
    });
            
});

Answer 1

可能还有其他

方法可以解决您的解决方案，但在这种情况下，我更喜欢使用一个版本的 nicEditor 面板并绑定我所有的所见即所得实例。原因是我认为它稍微整洁一些。我假设您知道如何将一个编辑器绑定到多个可编辑实例。

加载时，我的 HTML 可能看起来像这样：

<div id="instance1">text</div>
...
<div id="instance2">text</div>
...
<div id="myNicPanel" style="display:none;position:relative;"></div>

因此，一旦页面完成其加载周期，我应该有两个可编辑区域和一个隐藏的编辑器。然后，我将使用以下 jQuery 重新定位并在选择实例进行编辑时显示编辑器：

        $('#instance1 , #instance2').click(function () {
         //Reposition the editor to just above the selected instance
            $('#myNicPanel').css({
                top: $(this).position().top,
                left: $(this).position().left,
                display: 'block',
                width: $(this).width() - 2 //manual adjustment,
                position: 'absolute'
            });
         //Make the width of the editor equal to that of the instance
            $('#myNicPanel').css({
                top: $(this).position().top - $('#myNicPanel').height()
            });
        });

当然，在此之前，您已经启动了编辑器和实例，如果您还想让编辑器在模糊时再次隐藏，您可以将hide()函数附加到其中一个 nicEditor 事件。