Forum Discussion
OrangeYambles Source Code is what I use too, but I don't know HTML well enough to remember how to do everything off the top of my head. So what I often do is click the button for a given formatting tool in rich text mode, then switch to source code to see what it looks like, and add more there if necessary.
In your situation, I would add the image first, plus any additional text you're including, then switch to source code and add the spoiler tags around it.
This is the HTML version of that part of my guide:
<li-spoiler label="[open the spoiler with the arrow to the right]">
<p class="lia-linked-item">This is likely due to OneDrive syncing your files, although other cloud-syncing apps can be at fault. For OneDrive, try pausing syncing, which you can do by right-clicking the cloud icon in the lower-right corner of the screen, or sometimes the icon is hidden in the Tray (^ icon).</p>
<li-image src="https://forums.ea.com/t5/s/tghpe58374/images/bS0xMjYzNjgwNC1STkxsREM?image-dimensions=750x750&revision=13" id="RNLlDC" caption="false" alt="" align="center" resized="false" size="default" layout="stretch" name="" data-mce-src="https://forums.ea.com/t5/s/tghpe58374/images/bS0xMjYzNjgwNC1STkxsREM?image-dimensions=750x750&revision=13"></li-image>
[the other text I included]
</li-spoiler>