Html is cleaned up after inserting an image or link when the composer is empty

[ungue]

Hi,

When composer is empty and you use insertImage or insertLink commands, nothing is inserted in the html.
The issue is due to an invalid asynchronous test in this piece of code:

      if (!this.config.useLineBreaks) {
        dom.observe(this.element, ["focus"], function() {
          if (that.isEmpty()) {
            setTimeout(function() {
              var paragraph = that.doc.createElement("P");
              that.element.innerHTML = "";
              that.element.appendChild(paragraph);
              if (!browser.displaysCaretInEmptyContentEditableCorrectly()) {
                paragraph.innerHTML = "<br>";
                that.selection.setBefore(paragraph.firstChild);
              } else {
                that.selection.selectNode(paragraph, true);
              }
            }, 0);
          }
        });
      }

Note that that.isEmpty is checked outside the asynchronous block, so, this initially have a value of true, however, when the async code is executed, we have a valid html <p><img ...></p> but we are treating this as if it was empty because of the previous condition.

In order to solve this, this is as easy as moving the condition inside the async block:

      if (!this.config.useLineBreaks) {
        dom.observe(this.element, ["focus"], function() {
            setTimeout(function() {
               if (that.isEmpty()) {
                  var paragraph = that.doc.createElement("P");
                  that.element.innerHTML = "";
                  that.element.appendChild(paragraph);
                  if (!browser.displaysCaretInEmptyContentEditableCorrectly()) {
                    paragraph.innerHTML = "<br>";
                    that.selection.setBefore(paragraph.firstChild);
                  } else {
                    that.selection.selectNode(paragraph, true);
                  }
               }
            }, 0);
          }
        });
      }