Dynamically Render HTML stored in Model

Question

I want to take some Rails models passed into a view and render them.

e.g.

In the controller

@stories = Story.all

In the view

$('.story-text').html("#{raw @stories[0].story_text}");

But the HTML string contains " and '. The HTML is thus not contained entirely in a string and the Javascript fails to run.

e.g. it becomes

$('.story-text').html("<img src="/example.jpg" />");

Which causes an error.

How can I accomplish this? Is there triple quotes like in Python that I can use in Javascript?

EDIT Example of @stories[0].story_text

<p>This is some example text</p><img src="/example.jpg" />

It is stored in the database as a text type

Please post your controller code to show how Story.all is populated. — Bishnu Paudel
– Bishnu Paudel, Commented Jan 22, 2014 at 4:40
Story.all is populated through a form using CKEditor. The controller is literally only doing @stories = Story.all I added an example — Michael Johnston
– Michael Johnston, Commented Jan 22, 2014 at 6:01

matt · Accepted Answer · 2014-01-23 15:30:31Z

1

Rather than raw, use escape_javascript to escape your string suitably for embedding in javascript. It is aliased to j, so this in your Haml view:

$('.story-text').html("#{j @stories[0].story_text}");

results in this javascript being generated:

$('.story-text').html("<p>This is some example text<\/p><img src=\"/example.jpg\" />");

edited Jan 23, 2014 at 15:30

answered Jan 22, 2014 at 12:27

matt

80k8 gold badges169 silver badges199 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Raj · Accepted Answer · 2014-01-22 05:10:19Z

0

You are looking for HTMLEntities

answered Jan 22, 2014 at 5:10

Raj

23.1k14 gold badges105 silver badges148 bronze badges

8 Comments

Michael Johnston Over a year ago

I don't quite understand how this would work? I would encode/escape the HTML in my controller and decode it with Javascript in my view? Wouldn't I face the same problem with the quotation marks when decoding? Could you add an example relating to my problem?

Raj Over a year ago

why are you doing the output in Javascript? It should be in view script

Michael Johnston Over a year ago

Can you dynamically insert HTML with view script? I want to click a link and have the HTML inserted into an element

Raj Over a year ago

alright, I understand. Are you fetching the model data via AJAX?

Michael Johnston Over a year ago

No, they're all being passed by the controller to the view at rendering

|

Collectives™ on Stack Overflow

Dynamically Render HTML stored in Model

2 Answers 2

Comments

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related