Тёмный

jsPlumb Tutorial: Add Diagramming Features to your Javascript Projects (Build a Workflow Editor) 

Productivity for Programmers
Подписаться 1,2 тыс.
Просмотров 13 тыс.
50% 1

Опубликовано:

 

15 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 59   
@TjSpoonManJacques
@TjSpoonManJacques 3 года назад
Thank you for breaking this down to my level!!! much love from New Orleans!!!
@ProductivityforProgrammers
@ProductivityforProgrammers Год назад
I just released another video on a similar library - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-EMtcA5z1fAg.html
@BlurryBit
@BlurryBit 3 года назад
Very helpful. Keep up the good works. :)
@maxaquilino7264
@maxaquilino7264 2 года назад
Excellent tutorial, well done!
@ProductivityforProgrammers
@ProductivityforProgrammers Год назад
I just released another video on a similar library - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-EMtcA5z1fAg.html
@orhanraufakdemir900
@orhanraufakdemir900 Год назад
thanks for the great video chief!
@wesleyd88
@wesleyd88 2 года назад
Thank you so much. It helped a lot. You got a subscriber. I'm researching something about EditableFlowchart. I've been there for days, but the documentation still seems obscure to me. Any suggestion? 2.xx Community
@ProductivityforProgrammers
@ProductivityforProgrammers 2 года назад
I don't know much about EditableFlowchart -- is it available in the community edition?
@JohnSnow-gi7iv
@JohnSnow-gi7iv 3 года назад
does it support integration with angular 11? i have updated my project from angular 6 to angular 11, now jsplumb is not working. jsplumb version 2.9.0
@ProductivityforProgrammers
@ProductivityforProgrammers 3 года назад
Hello, thanks for your question. I don't have enough background knowledge on angular to answer this.
@tjtate9614
@tjtate9614 Год назад
would love to see the future video of the simple workflow engine. does that exist? this is most helpful thanks
@ProductivityforProgrammers
@ProductivityforProgrammers Год назад
Hello! The workflow engine doesn't exist yet but I will do videos on it when the time comes.
@ProductivityforProgrammers
@ProductivityforProgrammers Год назад
I just released another video on a similar library - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-EMtcA5z1fAg.html
@vineethakammarachedu4469
@vineethakammarachedu4469 Год назад
i have used the same code given in the description, but i am not able to drag elements and connect them. can you help me why it is giving an error
@ProductivityforProgrammers
@ProductivityforProgrammers Год назад
I'll live stream on Sunday at 9am GMT. Drop by and I can take a closer look at your issue.
@ProductivityforProgrammers
@ProductivityforProgrammers Год назад
Moving this to 3pm GMT
@ProductivityforProgrammers
@ProductivityforProgrammers Год назад
I updated the gist to load jsplumb from a CDN, let me know if i it works for you.
@suleymanemiryavuzaslanoglu
@suleymanemiryavuzaslanoglu 2 года назад
Thank you very much. It's very helpful video but i have a question. How do i smooth the corners in the diagram with a button?
@ProductivityforProgrammers
@ProductivityforProgrammers 2 года назад
Thanks!. The "control" is a HTML div so you can toggle the border-radius CSS attribute to turn rounded corners on and off.
@coffeecuppepsi
@coffeecuppepsi Год назад
this is exactly what i needed. how easy is it to retrieve connections afterwards? i.e. click a button and have a report generated indicating where each connection is made...
@ProductivityforProgrammers
@ProductivityforProgrammers Год назад
Hello, if you’re referring to JSON export, I think that’s a feature of the commercial edition. Have a look at my video on ANTV X6 for a similar library that has this feature built in.
@coffeecuppepsi
@coffeecuppepsi Год назад
Thank you for reply. I'll check it out ☺️
@ProductivityforProgrammers
@ProductivityforProgrammers Год назад
Let me know if that isn’t what you were looking for
@anchalavinash66
@anchalavinash66 3 года назад
Hi, I am using JSPlumb version 5 and trying to do: instance.addEndpoint(control1, { endpoint: 'Dot', containement: true, } ) But it is not working. How to restrct node in that container for version 5?
@ProductivityforProgrammers
@ProductivityforProgrammers 3 года назад
Hello, I am yet to try version 5.
@ProductivityforProgrammers
@ProductivityforProgrammers Год назад
I just released another video on a similar library - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-EMtcA5z1fAg.html
@rahulnellepalli8406
@rahulnellepalli8406 Год назад
dd.html:121 Uncaught ReferenceError: jsPlumb is not defined at dd.html:121:3 im getting jsplumb not defined error while running your source code can u please help
@ProductivityforProgrammers
@ProductivityforProgrammers Год назад
Hello, did you solve your problem?
@ProductivityforProgrammers
@ProductivityforProgrammers Год назад
Try downloading jsplumb from here: github.com/jsplumb/jsplumb/tree/2.13.1/
@ProductivityforProgrammers
@ProductivityforProgrammers Год назад
I updated the gist to load jsplumb from a CDN, let me know if i it works for you.
@aldolopez8483
@aldolopez8483 2 года назад
Hi, thanks for the video. I tried to use the community version in vue js but couldn't integrate it. Can you give me a suggestion please?
@ProductivityforProgrammers
@ProductivityforProgrammers 2 года назад
Hello, what is the error that you are getting?
@Omcsesz
@Omcsesz 2 года назад
Can you please update the gist with the latest version of the code you created in the video?
@ProductivityforProgrammers
@ProductivityforProgrammers 2 года назад
I didn't realize it was different. Let me see whether I still have the version from the video.
@this.namanjain
@this.namanjain 3 года назад
sir how to use jsplumb with angular12 ? as the jsplumb community version is under production mode for typescript as beta version so i am not able to understand the connectivity I am making SPA which use node connectivity which is similar to yours , so can you please help in this. thank you
@ProductivityforProgrammers
@ProductivityforProgrammers 3 года назад
Hello, thanks for the question. I think the simplest approach would be to write the functions that use jsPlumb in Javascript and then invoke them from Typescript.
@this.namanjain
@this.namanjain 3 года назад
@@ProductivityforProgrammers thank you sir 👍
@monmon6356
@monmon6356 2 года назад
Hi,can I know how to get the data that each node and the connection sequence data?
@ProductivityforProgrammers
@ProductivityforProgrammers 2 года назад
Hello, I don't think the community edition supports this out of the box. For nodes you can loop through all the node objects using jQuery and for connections you can use instance.getConnections()
@ProductivityforProgrammers
@ProductivityforProgrammers Год назад
I just released another video on a similar library - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-EMtcA5z1fAg.html This particular library supports JSON import/export out of the box.
@montassar_akrmi
@montassar_akrmi 3 года назад
you are a good guy 👌😊.
@lostdreamer3308
@lostdreamer3308 3 года назад
Thank you so much
@ibrahimqassem2254
@ibrahimqassem2254 2 года назад
This is helpful , Thank you.
@ProductivityforProgrammers
@ProductivityforProgrammers 2 года назад
Glad it was helpful!
@ProductivityforProgrammers
@ProductivityforProgrammers Год назад
I just released another video on a similar library - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-EMtcA5z1fAg.html
@muhamadtaufan6901
@muhamadtaufan6901 Год назад
What of the convert to PDf ? Please give me tutorial .. ;)
@ProductivityforProgrammers
@ProductivityforProgrammers Год назад
Thanks for the question. Try exporting to svg and then using svg2pdf on the server. Let me know if that works for you.
@micaelagordillo4475
@micaelagordillo4475 2 года назад
Is it possible to set the value of the conection?
@ProductivityforProgrammers
@ProductivityforProgrammers 2 года назад
If you mean "labels" look into using overlays: docs.jsplumbtoolkit.com/community-2.x/current/articles/overlays.html
@satrughnasethisattuk
@satrughnasethisattuk 2 года назад
Are there any more videos for jsPlumb?
@ProductivityforProgrammers
@ProductivityforProgrammers 2 года назад
Not that I know of. Any topics that you would like covered?
@ProductivityforProgrammers
@ProductivityforProgrammers Год назад
I just released another video on a similar library - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-EMtcA5z1fAg.html
@satrughnasethisattuk
@satrughnasethisattuk Год назад
@@ProductivityforProgrammers Could you please make some tutorials that show how to use templates, node factory, add/update connector labels... Thank you.
@satrughnasethisattuk
@satrughnasethisattuk Год назад
@@ProductivityforProgrammers Could you please make a video for how to use undo/redo for nodes and connections
@ProductivityforProgrammers
@ProductivityforProgrammers Год назад
​@@satrughnasethisattuk I haven't used that feature as it is part of the commercial edition. Are you already invested in using jsPlumb? If not, you might want to look at ANTV X6. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-EMtcA5z1fAg.html The undo/redo functionality is described here: x6.antv.vision/en/docs/tutorial/basic/history
@harshavardhan-ry1he
@harshavardhan-ry1he 3 года назад
How to learn jsplumb with react integration
@ProductivityforProgrammers
@ProductivityforProgrammers 3 года назад
I haven't had this use case yet but I think the commercial version of the library might support that.
@ProductivityforProgrammers
@ProductivityforProgrammers Год назад
I just released another video on a similar library - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-EMtcA5z1fAg.html
@harshavardhan-ry1he
@harshavardhan-ry1he Год назад
@@ProductivityforProgrammers thank you
Далее
Does Deno 2 really uncomplicate JavaScript?
8:55
Просмотров 288 тыс.
РЫБКА С ПИВОМ
00:39
Просмотров 707 тыс.
Here's The Secret How To Create These Animated Diagrams
11:12
Understand the react flow and structure
26:39
Просмотров 31 тыс.
Vim Tips I Wish I Knew Earlier
23:00
Просмотров 70 тыс.