Front end

So do you mean having people who visit a site can add a diagram that gets added to the end of the page or to a gallery or something? I’m not sure exactly what functionality you are looking for – can you provide more details? Thanks.

Hello assortedchips team,rituhritika90

I want to use this tool in front end, in posts where the user clicks on create diagram the pop-up should open and draw and after clicking on save it should me stored to that post-meta.

Waiting for your reply.

Thanks in advance,
Kiran

Hyy assortedchips,

Thanks for the reply! What I want is, when we click on drawit button in tinmicy a popup comes up with all the functionality and with all its tools, where user create its diagram and then save accroding to the requriment. I want same thing working in front end ( similar like we are using in dashborad ) like any user can create diagrams rather than loging in dashborad as this plugin is only applicable for back end user’s , would it be possible that any user comes and create and save the image accroding to his/her requirement in website’s front page.I want to use the drawIt functionality for website’s front end user’s in front page.

*Kiran Even I wanted the same , hopefully we’ll get some solution by assortedchips.

Hello assortedchips, rituhritika90

I am waiting for your reply, want to know either it is possible or not.
Else you have any premium plugin of drawit with similar features.
Hi rituhritika90, if you figure out how to have it in front-end post here.
`

With the current version of the plugin, no it can’t do that. I’m considering this as a potential future feature of the plugin, but you’ll have to wait a while for that to happen (sorry). First I’ll have to evaluate the idea more and consider how to address the many security-related repercussions that would accompany such a feature (e.g., what you describe by not requiring logging in would basically be giving any user/hacker a way to inject unsafe content into your site by replacing and mimicking the connection to the draw.io website with their own malicious backend).

It still might be worthwhile to go down this route, I’m just not sure yet. I think any potential security issues can be addressed appropriately. I’ll keep this topic open until I decide for sure what to do. But what you are suggesting represents quite a bit of extra work, so don’t expect this anytime soon.

+1 frontend editing ??

I’ve just started trying this out. It looks great so far!

I am also interested in whether it would be possible to enable front-end creation and editing of charts, although my use case is a little different.

I wouldn’t want anyone to be able to create and submit a chart. What I’d like is for this to work for a membership site, where a membership plugin keeps the members on the front-end. In other words, every user would already have signed up for the site and be logged-in when creating or editing a chart.

Would that be possible?

Hi all,

Thanks for the suggestions. I have updated the plugin to support frontend-based editors (like Beaver Builder). Please install version 1.1.0, update the NEW SETTINGS for the plugin to enable front-end editing, and let me know if you run into any problems.

Note that there is currently a problem where if you use Beaver Builder to add images via this DrawIt plugin, then switch back to the normal WordPress backend editor (i.e., not using Beaver Builder), the class names are lost for that image. This means that you will not be able to edit the image again in DrawIt unless you are in Beaver Builder or (as a workaround) you copy the missing class attributes back over to the backend editor. I have submitted a help ticket for the Beaver Builder plugin asking them to address this issue.

@assortedchips,

Thanks very much for this! I am not using Beaver Builder, but this now works (with one exception) with both Write Here and User Submitted Posts.

The exception is that, when I hit Save, I get the message "Saving..." but the GIF animation never stops rotating. The chart does get saved, but the user is given the impression that it hasn’t been.

I get the same result with both the front-end editors I’ve mentioned, and irrespective of whether I’m saving to PNG or SVG. Checking the box Override other plugins disabling the frontend buttons doesn’t make any difference to this.

Hmm, that’s interesting. I just tried it with both the “User Submitted Posts” and “Write Here” plugins, and it worked fine for me with both of them. Do you have any caching plugin or anything like that where you can try clearing the cache?

If that still doesn’t work, what is the version of everything you’re using? WordPress, web hosting servers / OS, PHP, web browser?

Thanks for this. I don’t have any caching running, but maybe it’s a conflict with another plugin. I’ll check and report back.

The plot thickens. I disabled every other plugin except draw.it and one of the editors, and changed to the default theme, and even the "Saving ..." message and animation did not appear. But when I activate the plugin Query Monitor, I get both those back (but still no completion). Perhaps that’s a clue…

My details are as follows:
WP: 4.4 (running on localhost)
Apache: 2.4.7
PHP: 5.5.9-1ubuntu4.14
MySQLi: 5.5.46
OS: Linux Mint 17.1
Browser: Firefox

Thanks again for the update it works great!

I have noticed that it works from the front-end (TinyMCE) when logged in with administrator privileges. I have another user role (‘Course Author’) where I want to allow them to use DrawIT from the front-end. Is it possible to change/add a capability (from User Role Editor – https://www.ads-software.com/plugins/user-role-editor/) to allow ‘Course Author’ to use DrawIT from the front-end as well?

Best regards,
Michael

@min83

I will take a look at this, but I’m guessing that the “User Role Editor” plugin isn’t setting a user’s status as being able to “edit posts” or “edit pages”, which have built-in WordPress functions to check and which I use in the DrawIt plugin to tell if the DrawIt functionality should be available to someone in the frontend. I’ll have a better idea of what is going on after I get a chance to look at how the User Role Editor plugin works, and then I’ll update here what I’ve found out.

@assortedchips

You are right. I added the Edit Posts capability to the above mentioned User Role and DrawIT is now accessible from the front-end for that user role as well. It did have some side effects however (regarding access to backend posts etc). In the meantime I also found that DrawIT can be accessed from Add Media without changing user role capabilities.

Thanks again.