ContentTools - 無法使用自定義編輯按鈕重新激活

Question

即時通訊使用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(); 
}); 

Answer 1

直接使用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(); 
});