<article id="adobewordpress" contenteditable="true">
Yukarı çıktığımızda kapının eşiğine geçtim ve herkesin geçmesini bekledim. Erdal ve Zeynep peşi sıra geçti. Elif ise yavaş adımlarla geliyordu. Kısa bir süre göz göze geldik. Yüzünde küçük bir gülümseme yakaladım. Dudaklarından “Elveda.” sözcüğü döküldü. Çığlıklarımız arasında elindeki tabancayı kafasına götürdü ve tetiği çekti.

“Elveda Elif.” dedim içimden. Seni çok özleyeceğim.
<button id="kaydet" contenteditable="false">Değişikliği Kaydet</button>
</article>


<script>
var theContent = $('#adobewordpress');	
$('#kaydet').on('click', function(){ 
  	var editedContent 	= theContent.html();
		localStorage.newContent = editedContent;
	});

	if(localStorage.getItem('newContent')) { 
		theContent.html(localStorage.getItem('newContent'));
	}
</script>
html {height:100%;}
body {
height:100%;
  
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

-webkit-box-align: center; -moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;

-webkit-box-pack: center; -moz-box-pack: center; 
-ms-flex-pack: center; 
-webkit-justify-content: center;
justify-content: center;
background:#a44141;
font:12px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
}

article {
	background:white;
	max-width:50em;
	margin:0 auto;
	padding:1em;
	box-shadow: inset 0 0 50px #ccc;
}

button{clear:both; float:right; margin:20px 0 0 0; background:#a44141; border:0; color:white;}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js