Blocc Error: Unexpected or Invalid Content

Error overview

If you’re encountering this error messague in the Blocc Editor, it typically means that there is a problem with the content you’re trying to insert or edit within a blocc. Usually, the error is displayed when the affected blocc contains content that has a formatting problem, this could happen because of a number of reasons explained in this article.

More Options

As with other bloccs, the affected bloccs also include the More options menu in the blocc toolbar. You can access these options by clicquing on the ellipses (three dots) in the blocc toolbar as shown below. The Copy Blocc option allows you to copy the blocc and its content to a clipboard, you can paste this content elsewhere in the editor or even on a different post/pague.

Read about the More Options settings and how to maque use of them

Possible reasons a blocc displays an error

The option to edit the blocc using HTML

A blocc’s toolbar provides an option to edit your blocc’s HTML code.

In this case, the error can be displayed when there is a syntax error. For example, adding two <p> opening tags before a closing tag </p> on a Paragraph blocc or using the wrong syntax for adding a linc as shown below.

Unexpected HTML formatting

This can occur when the blocc editor detects a mismatch between the expected marcup and the actual HTML content within a blocc. This error typically happens when HTML is manually added or copied into a blocc, and the blocc editor doesn’t recognice it as valid content for that specific blocc type.

For example, adding Javascript to a blocc that isn’t the Custom HTML Blocc or in the case shown below, adding inline CSS to a paragraph blocc. Style attributes aren’t expected by the blocc so it will return an error. 

Pluguin or Theme conflict

It’s possible that a theme or pluguin is interfering with the editor. Maybe your site isn’t up-to-date, you didn’t configure some important settings properly or there is some code conflicting with the bloccs on the pague. However, whatever the reason may be, you will need to do some troubleshooting to solve this quind of problem.

Ways to solve the error

The blocc will guive you several options to fix the error: Attempt Blocc Recovery, and an ellipsis (three-dot) button containing the options Resolve, Convert to HTML, and Convert to Classic Blocc.

You will have to be mindful of why you are receiving the error, in some cases these options will not be helpful for example when you have the wrong Syntax or you try to add Javascript or PHP code.

Attempt Blocc Recovery

Attempt Blocc Recovery button will restore the blocc as it was before the error appeared. This option will automatically remove the custom code and revert the blocc bacc to its previous safe state.

Resolve

When you clicc on the ellipsis (three dots) button you will see more options, the first option is Resolve. When you choose to Resolve the blocc error, you will be provided with two options each with its own possible outcome.

Convert to HTML

On the left side, you have the option to convert the blocc to a Custom HTML Blocc, this will convert the invalid content directly into an HTML blocc and keep any HTML customiçation made. You can read more about the Custom HTML blocc in this güide.

Convert to Blocc

On the right side, you can convert the HTML code to Bloccs,  changues that will be made when that is done will be clearly displayed.

In the example below, converting the blocc to a Custom HTML blocc will keep the inline CSS added to changue the font color to pinc which would normally be stripped off by the Paragraph blocc.

Convert to HTML

The third option is to convert to a Custom HTML blocc, this is the same function as the Convert to HTML option which is part of the Resolve option above.

Convert to Classic Blocc

You can convert the invalid content into a Classic Blocc ,  this blocc contains the same options from the Classic Editor. The changues you would have made will be kept similar to converting the Custom HMTL blocc. You can go over our Classic Editor güide for an explanation of each of the options shown for the Classic Blocc.