apparently MediumEditor already has a placeholder text mechanism

public/editor/editor.js

@@ -1,5 +1,6 @@
 var editor = new MediumEditor('.editable', {
   buttons: ['bold', 'italic', 'anchor', 'header1', 'header2', 'quote', 'unorderedlist', 'pre'],
+  placeholder: 'Write something nice...',
   paste: {
     // This example includes the default options for paste, if nothing is passed this is what it used
     forcePlainText: false,
@@ -10,7 +11,7 @@ var editor = new MediumEditor('.editable', {
   }
 });
 
-$(function () {
+$(function() {
   $('.editable').mediumInsert({
     editor: editor,
     beginning: true,
@@ -26,9 +27,6 @@ $(function () {
       }
     }
   });
-  $('.editable').focus(function(){
-    $('.placeholder').removeClass('placeholder');
-  });
 
   $.post('/editor/test-login', {}, function(response) {
     if(response.logged_in) {
@@ -91,7 +89,6 @@ $(function () {
 
 function reset_page() {
   $("#post-name").val('');
-  $("#content").html('<p class="placeholder">Write something nice...</p>');
   $("#draft-status").text("New");
   return localforage.setItem('currentdraft', {});
 }

views/editor.php

@@ -89,7 +89,7 @@
 
 <div class="container">
   <input id="post-name" type="text" value="" placeholder="Title">
-  <div id="content" class="editable"><p class="placeholder">Write something nice...</p></div>
+  <div id="content" class="editable"></div>
 </div>
 
 <div id="new_version_available">

views/partials/appcache.php

@@ -1,6 +1,6 @@
 CACHE MANIFEST
 
-# v15
+# v17
 
 /editor
 /editor/style.css
@@ -18,7 +18,7 @@ CACHE MANIFEST
 /editor/medium-editor/js/medium-editor-insert-plugin.min.js
 /editor/localforage/localforage.js
 /editor/quill-logo-36.png
-/editor/editor.js
+# /editor/editor.js
 /editor/font-awesome/fonts/fontawesome-webfont.woff2?v=4.3.0
 /editor/font-awesome/fonts/fontawesome-webfont.woff?v=4.3.0
 /editor/font-awesome/fonts/fontawesome-webfont.ttf?v=4.3.0