Copy and Paste HTML to the editor

[varshiniNaN]

Hi,

When I try to copy and paste Html content to the editor, I'm facing issues with additional spaces. p tags are getting added as tiptap adds p tags to each line.

Ex: I'm reading the content using editor.getHTML(). So If I paste the below HTML to the editor

---

<p>Hello,</p>

<% if( random.length > 0) { %>
   <p>Comments:</p>
      <ul>
       <% for(var data of random){ %>
         <li><%=data.firstName%> <%=data.lastName%>: <%=data.content%>  </li>
       <% } %>
      </ul>
<% } %>

<p>Please review.</p>

---

editor.getHTML() returns

<p>&lt;p&gt;Hello,&lt;/p&gt;</p><p>&lt;% if( random.length &gt; 0) { %&gt;</p><p> &lt;p&gt;Comments:&lt;/p&gt;</p><p> &lt;ul&gt;</p><p> &lt;% for(var data of random){ %&gt;</p><p> &lt;li&gt;&lt;%=data.firstName%&gt; &lt;%=data.lastName%&gt;: &lt;%=data.content%&gt; &lt;/li&gt;</p><p> &lt;% } %&gt;</p><p> &lt;/ul&gt;</p><p>&lt;% } %&gt;</p><p>&lt;p&gt;Please review.&lt;/p&gt;</p>

The below is saved to the DB

<p><p>Hello,</p></p><p><% if( random.length > 0) { %></p><p> <p>Comments:</p></p><p> <ul></p><p> <% for(var data of random){ %></p><p> <li><%=data.firstName%> <%=data.lastName%>: <%=data.content%> </li></p><p> <% } %></p><p> </ul></p><p><% } %></p><p><p>Please review.</p></p>

Screen.Recording.2021-09-02.at.11.42.24.AM.mov

Is there a way to get rid of those p tags at least while pasting HTML to the editor?