WordPress Editor Remove p Tag Issue Solution

Solving WordPress Editor Remove p Tags

Hi, this Tutorial Shows You Step by step How to Solve Editor Remove p Tag Issue on WordPress.

And WordPress Editor Remove p Tag is due to the New Gutenberg Block Editor functionality.

Finally, this Solution Do Not Need of Any Extra Plugin or Editor, but only of Knowlegde about the Default Editor Features.

Wordpress Editor Remove p Tag Issue Solution - Featured

Switching to the Code Editor

  1. On the Top Right Choose ‘More Tools & Options’

    Wordpress Editor Remove p Tag Issue Solution - More Tools and Options

  2. Then Switch to Code Editor

    Wordpress Editor Remove p Tag Issue Solution - Code Editor

  3. Finally Simply Wrap the HTML Code
    Inside a ‘wp:html‘ Comment Tag like:

    <!-- wp:html -->
    YOUR HTML CONTENT
    <!-- /wp:html -->
    

Using a Custom Html Block on the Visual Editor

  1. On the Default Visual Editor simply Choose ‘+’ to Add Block

    Wordpress Editor Remove p Tag Issue Solution - Adding Block

  2. Then Search, Find and Add Custom HTML Block

    Wordpress Editor Remove p Tag Issue Solution - Adding Html Block

  3. Finally, you can Edit or Paste in your Html Code that’ll be Preserved As Is!

    Wordpress Editor Remove p Tag Issue Solution - Html Editing

Leave a Reply

Your email address will not be published. Required fields are marked *