Gutenberg: Can the Editor Look more like the Preview?

  • Unknown's avatar
    torres126 · Member ·

    I’ve not been the biggest fan of Gutenberg so far (I’ve commented my feedback on Horizon), but one of the things which seems most promising is the flexibility of images which we never had previously.

    The problem though is that images are still one of the buggiest parts of Gutenberg. I often got an error which states “No data supplied”, and I still do, which prevents me from uploading images to a blog post.

    But recently, I started testing/using the Gutenberg version included with Calypso, linked on Horizon. I’m fortunately able to upload images, except with the Media & Text block. When I try to upload an image in that block, nothing happens, rendering the block useless.

    However, I am able to use the Image block. In the Calypso editing, I managed to do something which I quite liked that I’d never done been able to do before. Unfortunately, when I published or previewed the post, that isn’t how it turned out.

    In the editor (expected to see in post):

    Actual result:

    This happened when trying to recreate something similar using multiple blocks, such as Quoteand Pullquote.

    Is there anyway to get something in which you can have an image next to the text in the editor, and have it that way when published, instead of having to just use trial and error which takes way too long?

    This issue is a bit disappointing because it was one of the main reasons I wanted to use Gutenberg, so I’d appreciate if there was a solution. :)

    The blog I need help with is: (visible only to logged in users)

  • kokkieh · Staff ·

    Hi @torres126,

    Is there anyway to get something in which you can have an image next to the text in the editor,

    Add an image block above the paragraph block containing your text. Resize the image to the size you want, and then set the image left or right-aligned. The paragraph block should automatically shift up to use the space left next to the image.

    Let me know if I’m not understanding correctly what you are trying to do.

    The exact line breaks as per your screen shots are most likely due to a difference in the width of the content area of your theme vs the editor, but you can manually add line breaks like that using Shift-Enter, or </br> in the HTML.

  • Unknown's avatar
    torres126 · Member ·

    Thanks @kokkieh, I was already following the original steps you mentioned and then got to this issue, but (once I was finally able to upload the image) the line break trick worked well. :)

  • kokkieh · Staff ·

    Thanks for letting me know :)

  • The topic ‘Gutenberg: Can the Editor Look more like the Preview?’ is closed to new replies.