Editing Saved html editor.setComponents slider load issue

I am working on a project where i integrated grapesJs for users to build there templates, save them in database and edit these saved templates.

I recently added slider plugin and now user can create templates but when edit i cause issue with javascript, I am using editor.setComponents when a user edit template and adding saved html in editor.setComponent('<saved html>') and css in editor.setStyle('<saved style>'),

Now when there is some kind of javascript in saved html like slider javascript and when comes the apostrophe (') in javascript it breaks the script and throw exception,

i can manulay pass these html and css in <div id="gjs"> but there body background css not works. What is batter solution for that??

editor.setComponents('{!! $template->html !!}'); editor.setStyle('{!! $template->css !!}'); editor.store();

i am using laravel and loading templates html and css like this