How to switch from HTML to Visual editing in a block nested in a column?

The only option the three dots tab gives me is “hide block settings”

It looks like you are clicking on the column block because that single option only appears for the column block. Please try to click on the HTML(‘figure’ tag) that will show you dots for image block where you can find the option to convert that to visual mode.

Kind Regards

Thanks for your reply @prashantvatsh

What I understand from that you write is that there is somewhere else to click in the HTML code for the picture in order to get the three dots with the edit visually option. But where?

Clicking anywhere in the HTML text of the image, code or caption gives me nothing.
Clicking on the gutter between the columns gives me the three dot tab to edit the block of the double column. (Several options but no option to switch back to editing visually.)
Clicking on the fine line of the image block edging the gutter gives me the same as clicking on the gutter.
Clicking on the thicker line on the outer edge of the column gives me nothing.
Clicking on the fine line at the top or bottom of the image block gives me the three dot tab which only has the Hide Block Settings option.

I have tried multiple times.

I’ve also tried switching to Code Editor (Ctrl+Shift+Alt+M) and back, but that doesn’t help. When I switch back, the block is still stuck in HTML mode.

Four other observations:

The problem is only in the back end – it makes no difference to how the image is presented at the front end. Thank goodness.

I can work around by closing the post without saving it. Re-opening it again has everything switched back to visual editing again.

I can also save the page and view it before re-opening it to edit. Again, that resets everything to the Visual editor

It doesn’t seem to be a problem that affects all my images in columns. Just some.

So it doesn’t reduce me to screaming frustration – it’s just very annoying.

I wonder if this is what qualifies as a bug?

Apologies for the delayed response.

This may be a theme or plugin conflict. In my local environment, I have no active plugins, the default theme and I am easily able to switch from visual to HTML and HTML to visual.

If you can install plugins, install and activate Health Check https://www.ads-software.com/plugins/health-check/
On its troubleshooting tab, you can Enable Troubleshooting Mode. This will disable all plugins, switch to a standard WordPress theme (if available), allow you to turn your plugins on and off, and switch between themes, without affecting normal visitors to your site. This allows you to test for various compatibility issues.
There’s a more detailed description about how to use the Health Check plugin and its Troubleshooting Mode at https://make.www.ads-software.com/support/handbook/appendix/troubleshooting-using-the-health-check/

Note: If you do not have any backup. Please do a full site backup(including database) before changing anything.

Kind Regards

Hi @prashantvatsh

Thanks for this suggestion.

I’ll find time to try it out during the coming week and report back.

Cheers,

John

Hi @prashantvatsh

I installed the Health Check troubleshooter. (Excellent plug-in!) But it didn’t help. With the site using Twenty-Twenty as a theme and all the plug-ins disabled, I had exactly the same problem. Except that now I lose the possibility to return to visual editing even in images not inside the column block.

I took a screenshot/video of the issue and uploaded it to my YouTube acc. It’s private, but you can view it by following this link. 3mins 40, but you don’t need to view it all to see the problem.

https://youtu.be/gng8_j4lcaQ

John