Cms api horizontal ruler issue

Community resources General
1

I’m creating collection items with the Webflow cms API.
The horizontal ruler is gone when I send an HTML containing a horizontal ruler and a picture.
If I delete the picture, the horizontal ruler displays it appropriately.

Here is the sample HTML

<p>Sample text</p>
<p><hr class='ql-hr'></p>
<p>Sample text</p><p></p>
<div class='quill-upload-image' data-align='center' contenteditable='false' style='max-width:100%;height:auto;margin:auto;'>
 <figure style='max-width:80%;'>
  <img class='lazyload' loading='lazy' src='https://cdn.letterdrop.co/pictures/78be2b75-5573-455d-98bc-9641fd0efc53.jpg' alt='Image' style='width:100%;height:auto;margin:auto;' >
  <figcaption style='font-size:16px;color:#757575;text-align:center;'>Image caption</figcaption>
 </figure>
</div>

image
image881×489 56.3 KB

2

@Vinod_Kumar_D - Try inspecting the rendered code on a published URL. If you included one that is what I would do.

3

image
image1207×345 110 KB

The horizontal ruler is missing.
And styles also gone.

4

Take a look at my last post in this topic → CMS API Stripping HTML Embeds