title: Make text box editable and save it
body: <p>I am wanting to make a text box on a webpage that anyone can edit and also save. So when they refresh the page their text is still there.</p>
  
  <p>Here is the simple code I have so far. I can edit it just haven't figured out how to save it.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="example-one" contenteditable="true"&gt;
  &lt;style scoped&gt;
    #example-one { margin-bottom: 10px; }
    [contenteditable="true"] { padding: 10px; outline: 2px dashed #CCC; }
    [contenteditable="true"]:hover { outline: 2px dashed #0090D2; }
  &lt;/style&gt;
  &lt;p&gt;Save Text&lt;/p&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>