Edición Problema de carga deslizante de editor en html guardado editor.setComponents

Estoy trabajando en un proyecto en el que integré grapesJs para que los usuarios puedan crear sus plantillas, guardarlas en la base de datos y editar esas plantillas guardadas.

Recientemente añadí el plugin de deslizamiento y ahora el usuario puede crear plantillas, pero al editarlo causo problemas con JavaScript, Estoy usando editor.setComponents cuando un usuario edita la plantilla y añado html guardado en editor.setComponent ('<guardar html>') y css en editor.setStyle('<save style>').

Ahora, cuando hay algún tipo de javascript en el HTML guardado como slider javascript y cuando aparece el apóstrofe (') en javascript, rompe el script y lanza la excepción,

Puedo pasar manualmente estos HTML y CSS en <div id="gjs"> pero el CSS de fondo de su cuerpo no funciona. ¿Cuál es la solución de masa para eso?

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

Estoy usando Laravel y cargando plantillas HTML y CSS así.