Figure (Image or Video with Caption)
To add image or video with caption (figure) to the rich text editor, follow these steps:
- Add image or video element to the rich text editor.
2. If you are working with image, change the image size to 1024px for the best look.
3. Open HTML by clicking on the "Show HTML" button.
4. You'll see the post's content in HTML format. Find your image (<img>
tag) element.
5. Remove <div>
and </div>
tags that wraps the image element. Wrap the image inside <figure>
and </figure>
tags.
6. Add caption text inside <figcaption>
and </figcaption>
tags inside <figure>
tag. For better look, add it before the closing </figure>
tag.
7.Done! Don't forget to save your changes!