WordPress Editor Remove p Tag Issue Solution

Solving WordPress Editor Remove p Tags

[quads id=5]

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

    [quads id=8]

  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

    [quads id=5]

  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 *