[Plugin: Quick Post Widget] Visual editor doesnt work

@thekjub9
There is another trhread about this.
On your site I can see you make use of the CollabPress plugin.
The CollabPress plugin uses the jQuery-UI script and stylesheet from Google CDN. The Quick Post Widget uses the jQuery-UI shipped with WordPress. Obviously these two cannot coexist with each other.
I don’t know why CollabPress doesn’t use the WordPress jQuery-UI but you can avoid conflicts by changing one line of code in the quick-post-widget.php file.

Change:

wp_enqueue_script('quick-post-script', $plugin_url . 'js/qpw.js', array('jquery','jquery-ui-dialog'));

to:

wp_enqueue_script('quick-post-script', $plugin_url . 'js/qpw.js', array('jquery'));

Worked for me (but the Quick Post Widget is now white instead of black because the jQuery-UI stylesheet from Google CDN is used).

Perry

@thekjub9

Please let me know if everything is OK now.

inapan

Hi inapan – Nice work, great idea but Im having trouble with your plugin aswell ??

Link

Just scroll a little way down to try it.

Im getting the visual editor (tinymce) showing up, but there is no surrounding border and no OK or Cancel button in the bottom left showing – All I see is a floating X or close button in the top right.

Any ideas as to why they won’t show? Obviously this has a massive impact on the usability as there’s no way of saving the body content ??

Tried in both Firefox and IE
Also tried as admin and as an author and still getting the same result.

Internet explorer says Done but with errors

Many thanks for your help

@babybiggles

I went to your site this morning and it seems you have a conlict between your Custom Community theme and the Quick Post Widget. I will have to take some time to find a workaround (if there is any).

Your theme loads jQuery objects form Google CDN (I don’t know why) while the Quick Post Widget uses the jQuery objects shipped with WordPress.

If you switch your theme to BuddyPress Default everything works fine.

Could you send me a mail (address in quick-post-widget.php file) to start communicating this over mail? We will post the solution in the forum once a solution is found.

inapan

Hi inapan – Thanks for your reply – I have sent an email.

Best wishes

@babybiggles

I’m afraid I haven’t received your mail. Could you please send one again?

In the quick-post-widget.php file you could try to change the line which says:

wp_enqueue_script('quick-post-script', $plugin_url . 'js/qpw.js', array('jquery','jquery-ui-dialog'));

to:

wp_enqueue_script('quick-post-script', $plugin_url . 'js/qpw.js', array('jquery','my-jquery-ui-site',,'jquery-ui-dialog'));

Works for me with your theme and the Quick Post Widget.

There must be a reason why an older version of jquery-ui is loaded by your theme. This seems to cause the conflict.

Please let me know whether the proposed change works for you.

inapan

Hi inapan – Thanks for the update and the fix. Sadly doesn’t work for me though ?? The site has stopped loading in and displays a blank page.

So Im not sure what has gone wrong. I have left it like it so as you can see what it’s doing. I have resent the email from earlier, hope it get’s through.

Many thanks

Hi again! It lives! Thanks inapan – I took one of the 2 commas out from your fix and it has sprung back to life and seems to be working!

Top stuff! I will try and post something and update here!

@babybiggles

You’re right, I made a typo in my solution.
Glad it seems to be working now.
Just checked your site and I think it looks OK now.

inapan

Just posted a small thanks on there.

Plugin works wicked!

Thanks inapan

Did that email get through?

@babybiggles

Great! Thanks for the ‘Thank you’ ??
No mail got through but it’s OK now.

inapan