• I create an HTML block
• I add some ‘old-school’ HTML and then
  • I view a page created in the block editor, select to view in the “code editor”, then copy a section that was created with the block editor.
  • I paste it into the HTML block noted above.
  • The copy/paste selection includes block editor ‘tags’ such as <--wp:group--> and others, which, for some reason, I can’t paste here.
  • I click to save and publish the page (with the HTML block in it).
  • The front-end appears correct, just like if I had created the whole HTML block with individual blocks of other types.
• I come back to to edit the page and the HTML block is missing ALL the code that was originally pasted from the block editor. Galleries, images, buttons, headings – they all go missing. ‘Old school’ HTML that was not ‘encased’ (or ‘wrapped’) in block editor code is not missing.
• Despite the code that is missing, the front end still shows all the code correctly (that was originally pasted from the block editor). But now, it can no longer be edited

I saw this post https://www.ads-software.com/support/topic/html-block-code-disappearing/ –> however this does not apply to our case because:

1. We do not use Multisite
2. I contacted our host, WP Engine, and they added a define in our wp-config file as follows: define( 'DISALLOW_UNFILTERED_HTML', FALSE );
3. We cleared browser cache, revisited the front end, and the back end editor and the issue persisted.
4. I tested it on another page, using no ‘old school’ HTML, just block editor code, and it is clearly just the block editor code that disappears when trying to come back to edit the page.

How can this be fixed?

On another, semi-related note, I noticed block editor code also can’t be pasted into areas that use the Classic editor, like WooCommerce. Is there a reason why? All the block editor tags just disappear.

Since there is not other convenient way, I’m using the native HTML block to add CSS.
There is a plugin, but it was also not working properly.

Anyway, every time I upload a template to edit, the lines are warped in <p> tags and break elements are added.

Why?

Please, fix this. Thank you!

I want to be able to replace all of these instances with code for a new subscribe form.

I just did a quick “dry run” try. I selected wp_posts as the database. I entered the code for the old form in “search” and the new code in “replace”

It came back with zero findings.

Is this possible to do or am I doing something wrong.

Thank you so much. This would save me so much time.

Fingers crossed!

<style>
    iframe{
        width: 100%;
    }
</style>

<iframe src="https://savorystrategy.com/frames/add.html" id="Iframe"></iframe>
    
<script>
        // Selecting the iframe element
        var frame = document.getElementById("Iframe");
          
        // Adjusting the iframe height onload event
        frame.onload = function()
        // function execute while load the iframe
        {
          // set the height of the iframe as 
          // the height of the iframe content
          frame.style.height = 
          frame.contentWindow.document.body.scrollHeight + 'px';
           
  
         // set the width of the iframe as the 
         // width of the iframe content
         frame.style.width  = 
          frame.contentWindow.document.body.scrollWidth+'px';
              
        }
        </script>

It comes in exactly as I want it to except for the top and bottom margins.

Where in the template code can I change this, or is there another way to do it?

Once I have the solution, I can remove the border on the table and the gray background to clean things up.

I inserted A HTML block in the Header top row.

I wanted specific elements and classes so I inserted in the block HTML as I built it in Guttenberg editor.

The HTML code is:

<div class="wp-container-14 wp-block-group fixed-sub-menus">
<div class="wp-block-group__inner-container">
<div class="wp-container-12 wp-block-group fixed-sub-menu fixed-sub-menu-upper">
<div class="wp-block-group__inner-container">
<div class="wp-container-11 wp-block-columns">
<div class="wp-container-2 wp-block-column left-flex-cell">
<p class="has-nv-site-bg-color has-text-color has-background" style="background-color: #ffffff00;">Lampadas

</div>

<div class="wp-container-10 wp-block-column right-flex-cell">
<div class="wp-container-9 wp-block-columns">
<div class="wp-container-3 wp-block-column">
Led

</div>

<div class="wp-container-4 wp-block-column">
UV

</div>

<div class="wp-container-5 wp-block-column">
Descarga

</div>

<div class="wp-container-6 wp-block-column">
Fluorescentes

</div>

<div class="wp-container-7 wp-block-column">
Infravermelhos

</div>

<div class="wp-container-8 wp-block-column">
<p class="has-nv-site-bg-color has-text-color has-background" style="background-color: #ffffff00;">Convencionais

</div>
</div>
</div>
</div>
</div>
</div>

<div class="wp-container-13 wp-block-group fixed-sub-menu fixed-sub-menu-lower">
<div class="wp-block-group__inner-container"></div>
</div>
</div>
</div>

I added links to all the elements either in the text or visual mode. It publishes the header but it strips out links, i.e. elements.