ऐस संपादक परिवर्तन घटना

Question

मैं काफी ACE संपादक और सामान्य रूप में जावास्क्रिप्ट लेकिन मैं क्या मैं से अलग इरादा के सबसे प्राप्त करने के लिए निम्नलिखित में कामयाब रहे करने के लिए नए कर रहा हूँ:

मैं सक्षम या अक्षम करना चाहते हैं एक 'बचाने के 'बटन है कि क्या वहाँ दस्तावेज़ में बकाया संशोधनों के आधार पर और मैं के साथ ऐसा करने का प्रयास किया है' परिवर्तन: विकलांग 'वर्ग तुरंत हटा दिया जाता है' घटना

UndoManager.reset(); 

$('#save').addClass("disabled"); 

editor.on('change', function() { 

     if (UndoManager.hasUndo()) { 
      $('#save').removeClass("disabled"); 
     } 
     else { 
      $('#save').addClass("disabled"); 
     } 

    }); 

एक दस्तावेज़ लोड पर '।

कोई भी अग्रिम धन्यवाद यदि कोई मुझे दिखा सकता है कि यह कैसे किया जाना चाहिए।

Answer 1

Call editor.session.getUndoManager().reset() after लदान the document और उपयोग isClean, markClean methods पर undoManager।

var saveButton = document.getElementById("save") 
 
var editor = ace.edit("editor") 
 
// using input event instead of change since it's called with some timeout 
 
editor.on("input", function() { 
 
    saveButton.disabled = editor.session.getUndoManager().isClean() 
 
}); 
 

 
saveButton.addEventListener("click", function() { 
 
    editor.session.getUndoManager().markClean() 
 
    saveButton.disabled = editor.session.getUndoManager().isClean() 
 
})

<script src="http://ajaxorg.github.io/ace-builds/src/ace.js"></script> 
 
<button id="save">save</button> 
 
<div id="editor" style="height:200px"></div>

Answer 2

आपका समाधान एक नुकसान है: सहेजने के बाद, आप पूर्ववत करने के लिए सक्षम नहीं हैं। अधिकांश आधुनिक संपादक सहेजने के बाद पूर्ववत करने की अनुमति देते हैं।

मेरा सुझाव है कि आप मूल पाठ को रिकॉर्ड करें और जब भी टेक्स्ट बदलते हैं तो तुलना करें। यदि पाठ मूल के बराबर है, तो सहेजें बटन अक्षम करें।