Bootstrap support and drag-n-drop visual editing (feature)

[enjoysmath]

I was able to get past the error in the other thread by changing line 35's (open_project.py) exception handler from ImportError to general Exception.

However, the error then just shows up under app errors when I'm in the IDE. Then running the project results in "could not concat bytes to string" somewhere in Python.

Anyway, I'm looking for a drag-n-drop visual editor, so when will this be supported?

This is a feature request.

There's django-bootstrap5 library, but I you might want to start from scratch without that library.

I'm currently using django-bootstrap5 and hand-editing an example's template files. It's very difficult. I can understand now why frontend developers are paid more than backend.

[enjoysmath]

I did some reading up, but essentially you'd want to use jquery itself for dragging elements around. Doing it in Bootstrap requires a special sublibrary license and the code to do it is not shown on their site unless you have a license. So I would create a visual editor that uses bootstrap and with which you can DnD elements from a custom pallete container. So essentially you could just copy paste in new Bootstrap from the web. I would somehow Django-templatize them though using django-bootstrap5.

I would like to code on this project with you and make it more usable for frontend dev, because that is the bottleneck I think in getting a website up.

Also instead of writing a complete IDE / debugger, I recommend exporting to WingWare or PyCharm for debugging. I use WingWare pro.

[vsergeyev]

JQuery is nice in drag and drop. You may take a look as an example on my other repo - os2online. V. Надіслано з iPhone

…

2 жовт. 2021 р. о 22:27 Enjoys Math ***@***.***> пише:  I did some reading up, but essentially you'd want to use jquery itself for dragging elements around. Doing it in Bootstrap requires a special sublibrary license and the code to do it is not shown on their site unless you have a license. So I would create a visual editor that uses bootstrap and with which you can DnD elements from a custom pallete container. So essentially you could just copy paste in new Bootstrap from the web. I would somehow Django-templatize them though using django-bootstrap5. I would like to code on this project with you and make it more usable for frontend dev, because that is the bottleneck I think in getting a website up. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or unsubscribe. Triage notifications on the go with GitHub Mobile for iOS or Android.

[enjoysmath]

@vsergeyev that is some advanced hacking, my friend! Perhaps you could teach me a thing or two.

Anyway, for this feature request, wouldn't we just simply want to (at least at first) support the Bootstrap Studio IDE for editing HTML / CSS / Javascript templates. I bought a copy for $30 and it's nice, but ultimately a custom made one could do a lot more if it were tied in with django-visual. Firstly, BSS (Bootstrap Studio) has no idea about Django's templating system, so new page means whole new html template file (and not {% extends base.html %}. Ours could know about Django, so we could make it much nicer.

By first supporting BSS, I mean there is a bootstrap-studio-to-django-template project on github that gives a script to BSS to run each time you hit the "Export" button in BSS. So I had to do a hackish repair of that github project in order to get it to work, but I could include a copy into your project, that works with the currently opened Django project. You then copy / paste a file location (of the export script) into the BSS settings. When you do this you can visually edit in BSS, hit export and immediately see changes in Django.

OTOH, since you're so advanced in your drag-n-drop coding abilities, we may want to just start out coding our own visual editor.