ELECTRON: Open link in external default OS browser

open-external-link.js

$('body').on('click', '#messages-view a', (event) => {
  event.preventDefault();
  let link = event.target.href;
  require("electron").shell.openExternal(link);
});

I was using this in a React App and had to play around with it a bit. Thought I'd share for anyone else since this is a cool feature.

const { shell } = window.require('electron');  // Import at top of page..

class Example extends Component {

/* State and other code stuffs */

  myClickFunction = () => {
    shell.openExternal(fancyLink);   // Here I utilize the feature. 
  }

}

electron/electron#9920 (comment)

Thank you !

@IzzleNizzle Thanks so much!

Here's another one without jQuery

const { shell } = require("electron")

document.body.addEventListener('click', event => {
  if (event.target.tagName.toLowerCase() === 'a' && event.target.protocol != 'file:') {
    event.preventDefault();
    shell.openExternal(event.target.href);
  }
});

Hi!
where should I put this in my app? I mean, the file?

same question, where?

Helps me to understand, thanks.