In haml, how do you output an inline image with a data:image / base64 data URI?

[clarkewd]

Setup:

I'm using the Signature Pad which has an option to convert a signature into a base64 encoded image.

This is what gets stored in the database:

data:image/png;base64,iVBORw0KGgoAAAANS

Outputting the tag in HAML:

I'm using haml with rails and to output the tag I've tried this:

%img{ src: signature_image_data }

But it outputs an escaped version:

<img src='&quot;data:image/png;base64,iVBORw0KGg

This works, but it's not very elegant:

=raw "<img src=#{ signature_image_data } />"

What's the "right" way to do this?

[dillonwelch]

Are you able to provide a dummy app that reproduces the escaped image tag problem you're having with Signature Pad?

[k0kubun]

In %img{ src: signature_image_data }, signature_image_data seems to have " but it's wrong, right? It's not the matter of escaping it or not. Please check your signature_image_data implementation first.

Also closing this for inactivity of the original author.