内容工具 - 无法使用自定义编辑按钮重新激活

ContentTools - Unable to reactivate with custom Edit button

本文关键字：按钮 编辑按 新激活 激活 编辑 自定义 工具      更新时间：2023-09-26

我使用ContentTools，使用标准点火时一切都按预期工作。但是，当我不使用蓝色按钮将我自己的添加到开始编辑/保存并放弃更改时，编辑器无法重新激活。这意味着用户可以编辑，然后保存一次。所有后续重新激活尝试都将以静默方式失败。

初始化代码：

window.addEventListener('load', function() {
    editor = ContentTools.EditorApp.get();
    editor.init('.editable', 'id');
    ContentTools.IMAGE_UPLOADER = imageUploader;
    $('#btnStartEdit').click(function() {
        editor.start();
        $(this).hide();
        $('#btnSaveChanges').fadeIn();
        $('#btnDiscardChanges').fadeIn();
    });
    $('#btnSaveChanges').click(function() {
        editor.save();
        $('#btnStartEdit').fadeIn();
        $('#btnSaveChanges').fadeOut();
        $('#btnDiscardChanges').fadeOut();
    });
    $('#btnDiscardChanges').click(function() {
        editor.revert();
        $('#btnStartEdit').fadeIn();
        $('#btnSaveChanges').fadeOut();
        $('#btnDiscardChanges').fadeOut();
    });
    ContentTools.EditorApp.get()._ignition.unmount();
});

与其直接使用 save() 和 revert() 方法，我建议您使用 stop(true) 进行保存，stop(false)用于取消/还原。

save 和 revert 方法不会停止编辑器（例如save(true)可用于在用户继续编辑时自动保存内容）。使用 stop 应该允许您重新启动编辑器，例如：

window.addEventListener('load', function() {
    editor = ContentTools.EditorApp.get();
    editor.init('.editable', 'id');
    ContentTools.IMAGE_UPLOADER = imageUploader;
    $('#btnStartEdit').click(function() {
        editor.start();
        $(this).hide();
        $('#btnSaveChanges').fadeIn();
        $('#btnDiscardChanges').fadeIn();
    });
    $('#btnSaveChanges').click(function() {
        editor.stop(true);
        $('#btnStartEdit').fadeIn();
        $('#btnSaveChanges').fadeOut();
        $('#btnDiscardChanges').fadeOut();
    });
    $('#btnDiscardChanges').click(function() {
        editor.stop(false);
        $('#btnStartEdit').fadeIn();
        $('#btnSaveChanges').fadeOut();
        $('#btnDiscardChanges').fadeOut();
    });
    ContentTools.EditorApp.get()._ignition.unmount();
});
相关文章：