How do I output unescaped HTML with javascript in Laravel Blade?

Question

I have a VUEX store and a blog post that I need to output.

I use CKEditor for the input but I can't output the raw HTML with the @{{ }} in the front-end.

I have already tried to use @{{!! !!}} but apparently these doesn't work together.

This is the line that I output: <div>@{{ $store.state.item.conteudo }}</div>

And this is the actual output of the code:

<p><strong>Teste Laravel</strong></p>

what is the front end you are using?

lagbox
– lagbox

2019-10-21 04:53:10 +00:00
Commented Oct 21, 2019 at 4:53 — lagbox
– lagbox, Commented Oct 21, 2019 at 4:53

Dilip Hirapara · Accepted Answer · 2019-10-21 04:55:51Z

2

You're using double bracket so, You should try {!! !!} instead of {{!! !!}}.

So now your variable looks like.

{!! $text !!}

Check more info. displaying data

answered Oct 21, 2019 at 4:55

Dilip Hirapara

15.4k3 gold badges34 silver badges56 bronze badges

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

2 Comments

Gabriel Verde Over a year ago

Tried and it didn't show. I'm getting the data in JavaScript from VUEX Store.I send data from the I want to output an html code but I can't use the.

Gabriel Verde Over a year ago

Tried and it didn't show. Thanks @Dilip-hirapara I send data from a view button inside a table to a modal. And the modal shows the HTML input without a page refresh. I want to output an html code from JavaScript but I can't use the output PHP code.

Dilip Hirapara · Accepted Answer · 2019-10-21 05:04:59Z

0

you can also do like this by using getter in your model

Hope it help!

public function getConteudoAttribute($value) {
    return html_entity_decode($value);
}

edited Oct 21, 2019 at 5:04

Dilip Hirapara

15.4k3 gold badges34 silver badges56 bronze badges

answered Oct 21, 2019 at 4:57

Sok Chanty

1,8262 gold badges16 silver badges22 bronze badges

Collectives™ on Stack Overflow

How do I output unescaped HTML with javascript in Laravel Blade?

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related