Add an empty <p> tag after the table

[StijnMaenhaut]

If the selected text, being converted in to a table, is on the final line of the editor textarea, one cannot type below the table anymore.

Inserting a blank <p></p> tag after the table upon inserting the table would (imho) fix this issue.

[ghost]

@StijnMaenhaut

I had this exact same problem and was surprised it wasn't fixed in all this time. Your solution proposed above does correct this. I thought it would be helpful to let everyone here know this.

@daviferreira @j0k3r @nmielnik @orthes This edit really should be added to the official script.

Here is how I implemented this:

`
var html = this._html(rows, cols);

    this._editor.pasteHTML(
        '<table class="medium-editor-table" id="medium-editor-table"' +
        ' width="100%">' +
        '<tbody id="medium-editor-table-tbody">' +
        html +
        '</tbody>' +
        // BUG FIX - ENTER TEXT BELOW TABLE
        //
        // Place a paragraph and break below all table instances
        // This is necessary to enter text below the table when it is the last item on the page
        '</table><p class="medium-editor-table-paragraph-below"><br></p>', {
            cleanAttrs: [],
            cleanTags: []
        }
    );

`

I should note that when using this solution that the above css class will appear on all paragraph elements that follow the table. This is not a problem of course; I thought it made sense to label the class.