search

GrapesJS / grapesjs

Free and Open source Web Builder Framework. Next generation tool for building templates without coding
https://grapesjs.com
BSD 3-Clause "New" or "Revised" License
22.38k stars 4.05k forks source link

BUG: The grapesjs slider buttons, tabs are not working as expected #3612

Closed TRIGGEREDcoder closed 3 years ago

TRIGGEREDcoder commented 3 years ago

Version 0.17.19(grapesjs) Version 0.1.5(grapesjs-lory-slider) Version 1.0.6(grapesjs-tabs)

Are you able to reproduce the bug from the demo? No

What is the expected behavior? I should be able to traverse through different slides and tabs when clicked on previous or next buttons and tab names respectively.

Describe the bug detailed When I create a slider in a template and edit it for different slides and view it on grapesjs, then I am able to go through all the slides created. Similarly after creating a tabs block as well, I am able to see the different tabs and content inside. But when I take the html and css code generated to an angular application and try to run it, I am not able to traverse via different tabs or its contents and also slides or contents unlike while creating it on grapesjs.

HTML and CSS generated from grapesjs grapesjs.txt grapesjshtml.txt

Below is the code from my grapesjs file taken from source code. import gjsLorySlider from 'grapesjs-lory-slider'; import gjsTabs from 'grapesjs-tabs'; grapesjs.init({ container: '#gjs', autorender: true, showOffsets: true, fromElement: true, noticeOnUnload: false, forceClass: false, components: '', style: '', plugins: ['grapesjs-template-manager', gjsLorySlider, gjsTabs], pluginsOpts: { 'grapesjs-template-manager': { / options / }, gjsPluginExport: { / options / }, gjsForms: { / options / }, gjsNavbar: {}, gjsLorySlider: {}, },

What is the current behavior? The tab buttons and slider previous, next buttons not working at all once I integrate it with my existing set of angular code. The Notworking.png file is the one where there's no content at all although while creating I have the content as can be seen from other two image files. Similarly not able to move to different slides as well.

Are you able to attach screenshots, screencasts or a live demo? I will attach some screenshots and the code files.

Notworking grapesjsslide2 grapesjsslide1
artf commented 3 years ago

Are you able to provide a reproducible demo, please?

TRIGGEREDcoder commented 3 years ago

Sorry @artf , I was facing this because of the script tag in the generated html which is of no use in angular component html. How can I use the html generated in angular files if the html contains script tag functions.

artf commented 3 years ago

@TRIGGEREDcoder if the main issue is solved I'm closing this one. Please open a new Discussion if you have questions