WP Edit – Preventing WordPress from stripping out onclick Javascript

he might’ve even reached out to Obama I’m not sure ??

Lol. Love it ??

Thanks Joshua. It was a pleasure working with you and your team. I’m happy the end result works exactly how you envisioned.

Does your pro version of WP Edit allow using onclick for opening new window. I manage a theatre website and the ticketing url is opened by an onclick by clicking the buy now… I use this on every event page and anytime I have to update a poster to promote a show in the visual editor, it strips the onclick code. I have been copying the code in the html editor, then make my visual changes, then paste back my onclick code, but it is a pain… many times I have to save, then go to html tab, exit event and reopen event so it opens in html mode first. The drage is I use the visual editor for the layout of events, and just need the onclick when I add the ticketing code. Will you WP Edit Pro help preserve the code?

Thanks
Kevin

Hi Kevin,
Yep, I know your pain all too well ??

Yes, the Pro version will allow the preservation of the onclick event.

You can manually set (in the WP Edit Pro tinymce configuration options) to specifically allow the onclick attribute to be preserved when switching editor views; and saving content.

Please feel free to use our support forum if you have any questions regarding it’s usage.

I’m interested in this, too. A couple of years ago I made a site for someone (including the WP Edit plugin, or its precursor, as far as I can remember) and I was able to insert the onclick parameters just like in the older versions of TinyMCE. The onclick was needed in this site for a few pages.

I’ve just revisited the site needing to make a few changes. The WP Edit plugin (free) is enabled. Again I need to edit the onclick in the source code – but I now find I can’t. It doesn’t appear in the editor to be edited – even though it’s actually still there in the page source code. The onclick behaviour that I coded way back still works -I just can’t edit it or add any new ones.

It’s safe because there’s only one admin – myself !

I gather the “Scripts and Styles” plugin re-enables the jabvascript editing – but I also see above the hint that there’s “some custom code from a child theme” that will prevent the stripping of the onclick. I’m guessing that’s some function that’s put into the child theme’s functions.php? If that’s right I’d like to know this “custom code” please!

The onclick is to a linked image, btw. It just needs the adding of the onclick behaviour and a style attribute.

Hello sadhaka,
I missed your question here. Please feel free to create a new topic for your question.

If you are using a standard version of WordPress… then the onclick event (and any other javascript events) get removed from the editor whenever the view is switched or the content is saved.

You need to preserve the onclick event from within the tinymce configuration.

This can be done manually by a custom function; or via a plugin like WP Edit Pro.

Thanks Josh. Where may I find a custom function that I can place in my child theme’s functions.php file to preserve the onClick event in the editor ?

Where may I find a custom function that I can place in my child theme’s functions.php file to preserve the onClick event in the editor ?

function my_custom_onclick_event($args) {

    // Here, we define which attributes will be allowed (onclick, href, etc)
    // Using an asterisk allows all attributes
    $ext = 'a[*],img[*]';

    // Check if this argument already exists or not; and add accordingly
    if (isset($args['extended_valid_elements'])) {
        $args['extended_valid_elements'] .= ',' . $ext;
    } else {
        $args['extended_valid_elements'] = $ext;
    }

    // Return argument to filter
    return $args;
}
add_filter('tiny_mce_before_init', 'my_custom_onclick_event');

Notes when using ‘extended_valid_elements’:
1) When adding a new attribute by specifying an existing element rule (e.g. img), the entire rule for that element is over-ridden so be sure to include all valid attributes not just the one you wish to add.
2) Check out the TinyMCE documentation on extended_valid_elements for more information.

The only effect that had for me was to completely disable the visual editor (i.e., cause it to appear blank).

Should I open a new question for this?

Hmmm… the code looks good to me.

Perhaps try emptying/refreshing your browser cache?

I tried emptying the browser cache again but no, the code doesn’t work unfortunately

Hi Josh,

I tried to implement the code above in my functions.php child theme but all I get is a blank page for every page on my website :-(. Do I need to have WP Edit installed to use the code above?

Many thanks
sebastien

Where are you guys placing the code? In your child theme functions.php file?

Hello Josh,

Yes I placed the code above in my child theme functions.php. and then all pages blank ??