English (US)
  1. Zendesk help
  2. Zendesk updates
  3. Announcements

Announcing new formatting tools for images in content blocks

Katarzyna Karpinska
  • Edited
Zendesk Product Manager
Announced on Rollout starts Rollout ends
December 12, 2022 December 12, 2022 December 12, 2022

We are excited to announce the addition of new image formatting tools in the content block editor.

What’s changing, and why?

Content blocks provide an excellent opportunity to create and manage small pieces of content across your whole knowledge base. To make this content attractive to your audience we are now adding new tools to control image layout and alignment.

Image-toolbar-cb-announcement-121222__1_.png

How will this affect me?

When working with images in content blocks, you now have the following new options in your contextual toolbar:

  • Align image (right, left, center)
  • Wrap text around the image (right, left)

What do I need to do?

You don’t need to take any action. However, if you’re interested in learning more about formatting content in the content blocks editor, see Inserting images in articles and content blocks.

Return to top

4 Comments

  • Nick Conte

    Hi Katarzyna Karpinska,

    Thanks for being so active in the forums and keeping the community informed of all of these great enhancements - specifically around the new content block features. This is very exciting - Looking forward to this functionality being implemented in the native WYSIWYG editor!

    Do you have any insight into HTML and styling in content blocks? We decided to move in the direction of Lotus Themes to enhance the experience in our Knowledge Base. This of course means we've added quite a bit of styling (Drop shadows and light boxes on images, etc.). 

    Presently (I would be relieved to be informed that I am wrong here), there does not appear to be a way to incorporate these stylings via the source in these content blocks. For instance, if we add this code:

    <p> 
    <a class="image-with-lightbox" href="https://s3-us-west-2.amazonaws.com/lotusthemes/image.jpg"
    <    img class="image-with-shadow"src="https://s3-us-west-2.amazonaws.com/lotusthemes/image.jpg" width="400" /> 
    </a> 
    </p>

    Once saved, the majority of the code is removed and saved as:

    <img src="https://s3-us-west-2.amazonaws.com/lotusthemes/image.jpg" width="400" />

    Is this user-error, or is this simply not possible in its current state? If the latter, is this on Zendesk's radar? 

    Sadly, without this functionality, we are unable to use content blocks as the aesthetics do not match the remainder of our Knowledge Base.

    Regards,

    Nick

    0
  • Katarzyna Karpinska
    Zendesk Product Manager

    Hi Nick Conte,

    Thanks for the nice words :) I'm also genuinely excited about all the improvements we have on our roadmap for the coming year!

    Atm, it's possible to apply custom classes for content blocks on <div>, and as you rightly say they are stripped from the lower HTML elements. We are planning to remove this limitation in the future. Hope that helps.

    0
  • Eduardo Escobar

    Hello team, is there any update on using tables in content blocks yet?

    1
  • Katarzyna Karpinska
    Zendesk Product Manager

    Hi Eduardo Escobar, we are planning to start working on the tables later this quarter. The implementation is a bit complicated so I can't yet confirm the delivery date.

    0

Please sign in to leave a comment.

Powered by Zendesk