I use the Webflow CMS API to insert data into rich text fields for blog posts. Until a few days ago, we could add images and style them like so:
<div class='quill-upload-image' data-align='center' contenteditable='false' style='max-width:100%;height:auto;margin:auto;'><table style='width:100%;white-space: nowrap;border: none !important;'><tr><td align='center' style='border:0px;'><figure style='max-width:48%;'><img class='lazyload' loading='lazy' src='https://cdn.letterdrop.co/images/2022/8/4/a-media-business/enter_VlA2KtRQ2.png' alt='Image' style='width:100%;height:auto;margin:auto;' ><figcaption style='font-size:16px;color:#757575;text-align:center;'>Image caption</figcaption></figure></td></tr></table></div><p></p>
The raw HTML worked fine in the Webflow rich text field. Recently, however, we’re experiencing 2 issues around images:
- The images themselves have their styles stripped out.
- If an image is added, other elements with styles like code blocks and dividers are impacted and have their styles stripped out too.
This seems to be because Webflow is taking our image and uploading its own at https://uploads-ssl.webflow.com. In the process, it’s stripping styles. If we change the image source to https://uploads-ssl.webflow.com/… before sending the API request, everything works fine. But there’s no API for us to upload separately and insert a source image from https://uploads-ssl.webflow.com.
Is this a known regression? Or is there a recommended solution around this?