Linkify plugin - Link is disabled inside editor

I guess Link is disabled (not working when clicked) inside editor by default in Draft.js. But how to make it clickable using linkify plugin? I think we can add something like this in the anchor tag:

 `<a onClick={onClick} href={link}>`

where onClick event will redirect to the url location. I’ve edited the index.js file in Link folder with something like this:

var openWindow = function(){
    window.open(href, target);
  };
  return _react2.default.createElement('a', _extends({}, props, {
    href: href,
    className: combinedClassName,
    target: target,
    onClick: openWindow
  }));

One more thing, Should I use the saved raw content to display in editor as rich text content?

[laszlokiraly]

i make the link clickable in the editor with

const linkifyPlugin = createLinkifyPlugin({
  component: (props) => {
    const { contentState, ...rest } = props;
    return (
    <a {...rest} onClick={() => {
      window.open(rest.href, "_blank");
    }}
    />);
  }
});

and i remove contentState because of #398

[oliverw]

@nikgraf I have a similar problem as the original poster. You wrote:

The idea is that in edit mode you don’t follow links. In read mode the links work. Twitter, Slack & Facebook have the same behaviour. Does that make sense?

Still I’m curious about your use-case. Why would you want that?

My use-case is that the editor is always in edit mode (think Evernote for example). I would like to enable the user to Ctrl+Click a link to open it. Could you recommend a strategy to implement this?