When you paste text from a website you tend to lose it all if you then add a widget above it. This is because paragraph tags creep in and get nested under divs. Fix that by adding p tags to the list of tags we hoist to the top level. Unfortunately there is a new issue which is that if you paste multiple paragraphs, the caret winds up positioned after the first one, because rangy isn't quite smart enough at saving and restoring it. TODO: write our own save and restore for the case of a collapsed range that is smart enough.

Author: Tom Boutell

public/js/editor.js

@@ -270,7 +270,6 @@ apos.Editor = function(options) {
     // blowtorch, except during resize when it breaks preview of resize
 
     if (!resizing) {
-      apos.log('torching');
       self.$editable.find('[style]').removeAttr('style');
     }
 
@@ -279,12 +278,12 @@ apos.Editor = function(options) {
     // Flatten the DOM, but don't tangle with anything inside a
     // apos-widget. apos-widgets themselves are fair game.
 
-    self.$editable.find('h1, h2, h3, h4, h5, h6, div').each(function() {
+    self.$editable.find('h1, h2, h3, h4, h5, h6, div, p').each(function() {
       var outer = $(this);
       if (outer.closest('.apos-widget').length) {
         return;
       }
-      $(this).find('h1, h2, h3, h4, h5, h6, div').each(function() {
+      $(this).find('h1, h2, h3, h4, h5, h6, div, p').each(function() {
         var inner = $(this);
         if (inner.parents('.apos-widget').length) {
           return;