How to implement jquery library with phoenix liveviews

Phoenix Forum Questions / Help
, ,
1

I want to implement this jquery library https://github.com/meshesha/PPTXjs/ with the liveviews as I want to upload and manipulate existing .pptx files and I couldn’t find any library in JS or elixir that can do so.

I can’t figure out what is the phoenix - elixir way to implement jquery with liveviews. Need some guidance.

2

JavaScript interop is done with hooks.

https://hexdocs.pm/phoenix_live_view/js-interop.html#client-hooks-via-phx-hook

You’ll need a phx-update="ignore" attribute on the root element of the section of the DOM that the library will manipulate.

There are various blogs on the subject of hooks which might be easier to follow than the docs. You could check the todo_trek repo on GitHub for an example too.

3

I know about js hooks and have worked with those but this library is based on jquery, how should I use jquery with liveviews?