Adding block in Code Editor mode produces placeholder markup

[iandunn]

In the Classic editor, if you're in Text mode and you click on the Add Media button, the media modal pops up. You can then select an image, and its raw markup will be inserted into the post content. You get the same markup as you would performing that operation in Visual mode.

In Gutenberg, however, if you switch to the Code Editor and add an Image block, you just get placeholder markup:

<!-- wp:image -->
<figure class="wp-block-image"><img alt=""/></figure>
<!-- /wp:image -->

If you select a table block, all you get is <!-- wp:table /-->

Reported on the forums.

I'd expect the block GUI to pop up and allow selection of options, etc. Then, the proper markup should be inserted into the post content.

[youknowriad]

I personally, think the "Add block" button doesn't really make sense in the Code Editor. It's not possible to show the block's edit GUI in the Code mode because that's the visual editor's representation.

I'd be in favor of disabling the button in the code editor as one of the goals of Gutenberg is to make the "Code editor" less important in favor of block manipulation.

[iandunn]

Ah, yeah, removing the Add block button makes sense then.

I wonder if it'd still be good to provide a way to add a few basic things, though, similar to how to Classic editor's Text mode has a few basic buttons. There are a lot of power users who use the HTML mode, and having feature parity will ease their transition to Gutenberg.

[blueclochard]

I would welcome the return of some basic buttons in the Code Editor. The old Add Media button is one, but also the Quicktags just below that are very useful. For example, I don't know the exact URLs of all pages on my sites. Being able to just click the link button and select the page I want the text to link to is a real time saver.

I'm not a fan of Gutenberg, but I also never liked the old Visual Editor. Some of us simply prefer the Code Editor because it gives us more control. Coming from the old Text Editor however, Gutenberg's Code Editor is a downgrade because functionality has been removed.

[youknowriad]

Some of us simply prefer the Code Editor because it gives us more control.

I'd say you argue that you have more control with the visual editor of Gutenberg. The block's markup is strict and if you want to do something that doesn't match the block's markup, you can use the HTML block which is basically a code editor inside the visual editor which means in the end, you have the best of both worlds. The ability to use GUI to insert things like media, images, galleries etc... and the possibility to control the markup of parts of your post.

[blueclochard]

@youknowriad I understand if there are people who prefer Gutenberg's visual editor and that's perfectly fine. There are however a lot of people, myself included, who prefer to use Code Editor. If you look at this survery, you can see that 35% always use the Text Editor.

Is there a technical reason which makes the return of basic functionality to the Code Editor difficult to implement? Because I don't really see why it was removed. I'm sure a lot of users would appreciate the return of Quicktags and the Add Media button.

[youknowriad]

There're no technical reasons, it's more a design (not visual design) decision. The idea is to lower the 35% in the survey (also noting that the survey is in general very developer oriented because it's easier to find for developers than the regular WordPress users).

I understand that a lot of people will still prefer to write in Code and I think that's fine and there will probably be advanced Code Editors Plugins or Markdown Plugins too for these use-cases. But we do think a lot of these use-cases are better addressed with the visual editor + HTML block (or custom HTML blocks)

But for Gutenberg, if we allow people to use quicktags in the code editor, it will create more frustraction than it solves because people when coming back to the visual editor will notice the "Block has been modified externally" error way too often. Also one of the principal goals of gutenberg is to unify the way we create content: media, text, embeds... everything is inserted using the inserter and the concept of blocks, having an Add Media button doesn't really make sense with this in mind.

[blueclochard]

Okay, fair enough. Unfortunately Gutenberg is not for me then. I don't like playing with blocks ;-)

I was the one who mentioned this on the Wordpress support forums, but the problem @iandunn mentioned about the + button adding placeholder markup would still be valid though. Either adding proper markup or removing the button would make sense.

[iandunn]

That makes sense, thanks @youknowriad :)

[iandunn]

I also want to say that, while I don't always agree with the design decisions y'all make, I appreciate how much thought you put into it, and the way you work to maintain a strong and consistent vision for how the project should work.

cc @youknowriad, @tofumatt, @jasmussen, @mcsf, @karmatosed

[mcsf]

Okay, fair enough. Unfortunately Gutenberg is not for me then. I don't like playing with blocks ;-)

I like this thread. I just wanted to mention that respectful disagreement is not common and is deeply appreciated, @blueclochard. :)