almcr

don’t know what I did but it is now working,

Al

I set up a classic block in the block editor and then pasted your paragraph above about the paste not working. so not sure what is not working for you.

I do notice that in the block editor classic block that the image is contained within a paragraph tag when an image is inserted into the classic block. not sure that is creating the code the way I thought it would, I just want it to create an image tag for me not contained within anything.

one of the main features lacking in using the new editor is a how-to-use-it list for the various blocks, this is one that I just saw and can reference from wordpress.com:
using the block editor. not sure if there is a block how-to-use-them tutorial on www.ads-software.com, perhaps there is and I have not seen it yet.

Al

• This reply was modified 5 years, 10 months ago by almcr.

using the new block editor (gutenberg), everything becomes a block, including images. you do not insert an image into a paragraph block, rather you create an image block that you size and then float left or right and the following paragraph block then forms around it. that part of how the process works has not changed, I think rather the method of coding the parts has changed. you do control the size of the image, although your theme may alter how that info is processed. lots of gotcha’s in the new editor, you do need to figure out how it works and how to code it.

can’t answer your q’s about the classic block and the table block, would need to do further investigation.

Al

just looked at documentation on the Classic Editor plugin and this specific problem is outlined with the optional solution. guess you need to know where to look to find your solutions to problems.

not sure what the status of this option will be in 5.0

this points out one of the problems with gutenberg, lack of documentation and training on how to use it. hopefully this gap will be filled in and a future search on how to do something like this will find some pertinent documentation on it.

Al

I have my local wp system set up like this as well.

If you want to be able to choose the gutenberg editor or classic editor for a post/page, then check out the option in Settings/Writing for Classic Editor settings. Turn on the second option and you will be able to choose the editor you want to use for each post/page.

Al

I believe that you would have to add an HTML block for this. I sure don’t see any other way to do this. Doubt very much anyone will ever create a block for this.

Gutenberg creates code blocks in a pre-defined format, with few variations allowed. This seems to be one of the restrictions in using Gutenberg as a code generator. Oftentimes, these restrictions do not allow you to create the HTML code that you might want to. This may not be a problem for post or page creators who create them visually but sure present problems when you know how to use HTML and CSS to create post and page content.

classic editor and gutenberg are post/page content builder tools that work in completely different ways than the other one, building posts/pages like you do with the classic editor remains a major challenge with gutenberg. gutenberg uses blocks, and a lot of blocks you may want to use are just not available.

Al

ps look at the experiences of Automattic employees using gutenberg at “automattic.design”, earlier this year, they were asked to clone a web page from a site like longreads.com using gutenberg. many things done cannot be duplicated in gutenberg, using the blocks currently available, unless you use the HTML block.

looks like the code generated for the image block has been changed. there is a new image HTML block code structure.

now the image block has a “div” HTML tag, then the figure tag and finally the img tag. not sure how the CSS you are using would be affected by this, but obviously it was.

Al

wonder if any other blocks have been changed like this?

• This reply was modified 6 years, 2 months ago by almcr.

because you have resized your image, gutenberg has added the “is-resized” class to the figure HTML tag, also looks like the is-resized class sets the margin on the HTML tag it is applied to to “0”, perhaps the easiest way to get around this concern is to create a smaller image, the size you have changed it to, and then use that image in the image block. otherwise, I guess you can override the “is-resized” class, this is harder to do.

Al

I think you are in a gutenberg gotcha condition.

I am talking about nested blocks.

I have been looking at csszengarden,com, and have been trying to convert this site’s code to use gutenberg. this site builds different looking pages, only changing the CSS code to do so. the HTML is the same in each page but each page certainly displays differently because of different CSS used.

atomic blocks and editor blocks plugins have created 2 level blocks, where you have a parent block with a single or multiple child blocks, but you cannot use this block and create a child block within the child block, unless you create an HTML block within the parent block as a child block and hard code another block within that.

gutenberg in its current state, with available plugins or not, does not seem to allow you to code up a page with a complex HTML structure, unless you use the HTML block. the building blocks now in gutenberg seem to be the ones that will be shipping with 5.0 and right now do not provide me with any way, other that using the HTML block, to code up pages with any complexity. I do not like the simple page layout that gutenberg provides for me right now. it might be great for a simple blog but not for more complex tasks.

Al

default operation seems to be that if both gutenberg and classic editor are installed and activated, then the classic editor overrides operation of the gutenberg editor. there is an option under the writing settings field to allow both to be active at the same time.

I just moved my local test system and ran into this one and found this solution.

Al

two methods that I know of:
1) in gutenberg, use the Code Editor, copy and paste code displayed, or
2) in “Classic Editor”, copy and paste code displayed

reversing this, there are examples of dummy content generators, one example is Rich Tabor’s Block Unit Test. This plugin generates code formatted in the Gutenberg standard and creates a page on your site.

Al

from what I read, the original intent of Gutenberg was for it to be the exclusive editor. by now, this has morphed into giving us the ability to use something called the “Classic Editor”, which is available as a plugin for now and until wordpress 5.0 comes along. No guarantees though on how long this plugin will be available, however, based on the reactions of the wordpress community to Gutenberg the life of that plugin may be extended beyond what the Gutenberg authors intended.

Looking forward, wordpress 5.0 will incorporate Gutenberg into core code, but will give you as a user the option of using the “Classic Editor” in place of the Gutenberg editor.

This is certainly an improvement over what I think the original idea was that Gutenberg would be an exclusive editor on your wordpress site.

Al

OK thanks for your reply Marius.

I just dabble in wordpress so it is not critical for me to do anything with it. I realize and accept that the hardware and software I am limited to using may introduce such situations like this. That I have to live with until I can upgrade my system.

Note about the convert function: the heading and paragraph converted to the block format OK, the paragraph with the image as content did not.

The image’s alignment (alignleft) was transferred to the figure element, however the image’s width field was deleted in the transfer to a gutenberg block. This resulted in the image being displayed as a full width block, when the image should have been floated left and the following paragraph should have flowed up and around it. Not quite what is intended in displaying the content.

Al

discovered that the ‘convert to blocks’ option works on my test system in Firefox 52, but not in Chrome 49.

On my XP system, Chrome will no longer update to newer levels, I think Firefox is close to doing the same with new levels of the browser. I know that CSS Grid is not supported in my Chrome browser, but is in Firefox 52.

Does Gutenberg have minimum software and hardware levels for operation?

Al