save editable content

by Daniel Gasser

HTML

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<div id="editme" contentEditable="true">
  Das chan irgend es HTML element sii, im fall!! Driklicke und editiere
</div>
<!-- Oder mit Button -->
<button id="saveme">
Hit Me!
</button>

CSS

#editme {
  border: 1px solid red
}

JavaScript

$(document).on('keyup', '#editme', function() {
	var divContent = this.innerText;
  console.log(divContent);
  $.ajax({
  	method: 'POST',
    url: '/saveContent',
    data: {
    	content: divContent
    },
    success: function (data) {
    	//whatever mit data
    }
  })
});
// Oder mit Button
$(document).on('click', '#saveme', function(e) {
	e.preventDefault();
	var divContent = $('#editme').text();
  console.log(divContent);
  $.ajax({
  	method: 'POST',
    url: '/saveContent',
    data: {
    	content: divContent
    },
    success: function (data) {
    	//whatever mit data
    }
  })
});