Eklenen Resmin, Başlık ve Alt Yazıyla Birlikte Eklenmesi

Merhaba arkadaşlar,

Benim yapmak istediğim bir şey var. Bu konuda bana yardımcı olunursa çok sevinirim. Benim amacım 'Ortam Ekle' butonuna tıklanıp bir resim upload edildiğinde, sağ taraftaki Başlık ve Alt yazı kısımları, resmi 'Yazıya Ekle' butonuna tıklanıp yazıya eklendiğinde resimle birlikte görünmesi..

Yani normalde 'Yazıya Ekle' butonuna tıklandığında yazı editörünün kaynak kodu aşağıdaki gibi olacakken;

< img src="abc.jpg" alt="Resim Başlığı" width="500" height="341" />

'Yazıya Ekle' butonuna tıklandığında otomatik olarak aşağıdaki gibi olmasını istiyorum.

< h3>Resmin Başlığı</ h3>
< img src="abc.jpg" alt="Resim Başlığı" width="500" height="341" />
< p>Resmin Alt yazısı</ p>

Bunu nasıl gerçekleştirebilirim, fikri olan var mı?