Feature request: Url formatter

[Alfonso Bribiesca]

Create a filter to convert string to html link

I thinking in something like that

{{ 'http://www.site.com' | morph-url(target="_blank") )}} <!-- Returns <a href="http://www.site.com">http://www.site.com</a>

{{ '[e-mail]' | morph-url(is_email = true) )}} <!-- Returns <a href="mailto: [e-mail]">[e-mail]</a>

(Or better an easy way to create custom filters)

[Joff Tiquez]

Hi @alfonsobries thanks for your suggestion. However I need to clarify your idea. What I understand is that you want to convert any link and/or email to a clickable <a> tag?

Say "my website is http://foo.com" will become "my website is foo.com"? I don't think filters are designed to do that.

As a suggestion you can do this in a component to automatically convert links to <a> tags.

[Alfonso Bribiesca]

Yes, exactly, sometimes you have some url from, for example an user profile and a common task is make it clickeable:

So normally i make something like this:

<p>User website: <a :href="user.website" target="_blank">{{ user.website }}</a></p>

So wouldn't be better something like:?

<p>User website: {{ user.website | morph-url(target="_blank") }}</p>

Also some configuration data to make them clickeable with the "mailto:" prefix, or open in blank page.

[Joff Tiquez]

@alfonsobries I was thinking we can create a directive instead of filter that will do this. Just give me some time to work around on it.

[Alfonso Bribiesca]

Sure!, dont worry too much is just an idea

[Joff Tiquez]

@alfonsobries it's actually a good idea. Thanks!

[Ian Emnace]

I'll see if I can start working on this.

[Joff Tiquez]

@alfonsobries It's here. :)

[Alfonso Bribiesca]

@jofftiquez great!