title: In contenteditable how do you add a paragraph after blockquote on Enter key press?
body: <p>I have the following problem. Once I add a <code>blockquote</code> in <code>contenteditable</code>, by pressing Enter key it moves to a new line and adds another <code>blockquote</code> element. It goes on forever, and I can’t escape the formatting. The desired functionality would be that of the unordered list. When you press the Enter key it adds a new empty <code>&lt;li&gt;</code> element, but if you press Enter again, it escapes the formatting, removes the previously created <code>&lt;li&gt;</code> and adds a <code>&lt;p&gt;</code>.</p>
  
  <p>Check out the demo: <a href="http://jsfiddle.net/wa9pM/" rel="noreferrer">http://jsfiddle.net/wa9pM/</a></p>
  
  <p>One hack I found was to create an empty <code>&lt;p&gt;</code> under the <code>blockquote</code>, before you create a <code>blockquote</code>. But is there a way to break this formatting behaviour with JavaScript? No idea how I would check: if where the cursor is, it’s the end of the line and if it’s a blockquote and on Enter key press, don’t add a new <code>blockquote</code>. </p>
  
  <p>I’m using this code to generate a <code>blockquote</code> in JS:</p>
  
  <pre><code>document.execCommand('formatBlock', false, 'blockquote');
  </code></pre>