I am using this third party Javascript library called responsive-images.js. For this library, i have to use the attributes data-src-base='' and data-src='' in the image tag. Everything works when i save the html. The issue i have is when i open it to edit the html. My img tag gets changed from:
<img alt="Great Food to Gather Around" data-src-base='/Hormel/media/Hormel_Images/FebBusyDinner/' data-src='<768:beef-roast-mobile.png, >768:beef-roast-desktop.jpg' />
to this
<img alt="Great Food to Gather Around" data-="" data-src-base="/Hormel/media/Hormel_Images/FebBusyDinner/" src="<768:beef-roast-mobile.png, >768:beef-roast-desktop.jpg" />
For some reason the data-src='' gets split and now there is a data-="" attribute. Also, my < and > are being changed to the HTML codes for them. Is there some way i change stop this from happening?