XF 2.2 Embed MyRoute app maps

[Yannis-GR]

Hi,

I would like to simply paste the embed code from MyRoute app website where my routes are created and stored and add them to my posts and get an image of the map instead of the link or a preview of the link like the image below.



The result i am looking to receive is something like,



The generated iframe is like the below,




There is anyone who may done this for his forum or know how to do it and give me a hand to make the custom BBcode because I am pretty ignorant on how to build up the code?

Thanks,

 

[Old Nick]

I can give you a hand. At what step you are creating the BB code?

 

[Yannis-GR]

I can give you a hand. At what step you are creating the BB code?

Bellow the code I have made,



And I’m getting the below message,

 

[Old Nick]

And what the browser console says?
click F12 on you keyboard to open the dev tools and navigate to the console tab...

I just created the BB code with the settings you provided in the screenshot and it works well...

 

[Old Nick]

Note that the exemple usage will be [MY_ROUTEAPP]9860974[/MY_ROUTEAPP]

 

[Yannis-GR]

Note that the exemple usage will be [MY_ROUTEAPP]9860974[/MY_ROUTEAPP]

In this way it works also to me!

But how I can build the code in order to simply paste the link and the. give the desired result?
I tried to make the code src={text}….but doesn’t work!
How should I make that part in order to be easier for the user to just paste the link and not the id of the link?

 

[Old Nick]

In this way it works also to me!

Did you manually wrote the BB code when you get the message error?
The BBcode you set up creates a button for the text editor, you must manually add it here /admin.php?button-manager/
Drag and drop, to be done for all versions of the text editor (XL, L, etc.):





So there is only the URL ID to enter manually, not the BB code

 

[Old Nick]

How should I make that part in order to be easier for the user to just paste the link and not the id of the link?

You can ask to @JoshyPHP if he can help you create this multimedia BBcode or if he can integrate it into his add-on, which is also indispensable... or almost!

s9e Media Sites

Dec 17, 2017

Improves the performance and usability of media sites, and adds many popular new sites.

• JoshyPHP
• embed facebook media bbcode media sites performance responsive twitch twitter youtube
• Add-ons [2.x]

 

[Yannis-GR]

Did you manually wrote the BB code when you get the message error?
The BBcode you set up creates a button for the text editor, you must manually add it here /admin.php?button-manager/
Drag and drop, to be done for all versions of the text editor (XL, L, etc.):

View attachment 309860

View attachment 309861

So there is only the URL ID to enter manually, not the BB code

View attachment 309863

I have the map button in my editor but my mistake was to paste the link and not the URL ID.

What I would like to do is to let the users to paste the link like this,

or like this,


and get this result once posted,

 

[Old Nick]

What I would like to do is to let the users to paste the link like this,

You can ask to @JoshyPHP if he can help you create this multimedia BBcode or if he can integrate it into his add-on, which is also indispensable... or almost!

It's not a BB code but a media BB code, that's not the same.

 

[Yannis-GR]

It's not a BB code but a media BB code, that's not the same.

I’ll give a try then creating by my self a media BB code hopefully I will get the desired result.

 

[Old Nick]

I’ll give a try then creating by my self a media BB code hopefully I will get the desired result.

I tried but i can't find the right match URL regex...
Good luck.

 

[JoshyPHP]

I tried but i can't find the right match URL regex...

Did you check the "PCRE" option? By default, XenForo uses its own type of expressions. I haven't actually tested it but I think your regexp will look like this:

 

[Old Nick]

Thanks @JoshyPHP, although I'm not the OP I'm trying to make it work... for my personal culture.
So i used the regex you provided:

(^https?://www\.myrouteapp\.com/[\w/]+/(?'id'\d+)\b)i

And checked the PCRE option.

When i try to use the media BB code with this link: https://myrouteapp.com//embed/route/9860974



This is the embed template i used:

<iframe style="border:none;overflow:hidden" width="600" height="286" scrolling="no" frameborder="0" src="https://myrouteapp.com//embed/route/{$id}"></iframe>

 

[JoshyPHP]

To make the www. part optional, you'll need to use something like (^https?://(?:www\.)?myrouteapp\.com/[\w/]+/(?'id'\d+)\b)i

Looking at the site, though, that regexp will generate a lot of false positives. You'd need something more complex to support all of the routes URLs without accidentally trying to embed collections and profiles.

 

[Old Nick]

To make the www. part optional, you'll need to use something like (^https?://(?:www\.)?myrouteapp\.com/[\w/]+/(?'id'\d+)\b)i

I didn't even notice that I used a URL without the 'www'.
BTW with www the message error is not displayed anymore but the result is a blank space in the post.

 

[Yannis-GR]

I didn't even notice that I used a URL without the 'www'.
BTW with www the message error is not displayed anymore but the result is a blank space in the post.

Same as well for myself!

Blank post but once I try to edit it appears again the link inserted initially.