SwiperJS inside Powerful Rich Text field

Attributes
1

Has anyone tried adding a Swiper inside a Powerful Rich Text Field? I’m trying to use SwiperJS (the library I use for all sliders I build), however although the slider functionality works OUTSIDE of the rich text field, the slider loses functionality when placed inside the rich text field using Finsweets attributes (Powerful Rich Text - Add HTML and components to Webflow Rich Text Block).

Any ideas?

2

hey @_theclevernod! We might need to wait until Powerful Rich text loads and injects the slider component before initializing SwiperJS.

Something like this should do the trick

<script>
  window.fsAttributes = window.fsAttributes || [];
  window.fsAttributes.push([
    'richtext',
    (textInstances) => {
      console.log('richtext Successfully loaded!');

	  // Add SwiperJS confing and init code here

    },
  ]);
</script>

If this doesn’t work please share a live link and I’ll take a look :slight_smile: