Give me BBCodes!

Blast

Aspirant
Joined
Dec 4, 2015
Messages
12
Thanks brother but I actually just went ahead and downloaded the Advanced BB Codes package.
 

we_are_borg

Tazmanian
Joined
Jan 25, 2011
Messages
5,964
BB Code Tag: steam
Title: Steam App
Description: This allows you to embed a Steam game/app in your message by adding the appID from the URL of the game.
Replacement Mode: Simple Replacement
Supports Option Parameter: Yes

HTML Replacement:
HTML:
<iframe src="//store.steampowered.com/widget/{option}/" frameborder="0" width="646" height="190"></iframe>

Example Usage:
Code:
[steam=AppID]Enter the App ID found in the URL of the game's store page.[/steam]

Advanced Options Tab: Display HTML replacement when empty (check this option)


Maybe a dedicated resource here where you can collaborate all bbCodes you get? Or is this for your own usage? :whistle:

Steve this BB Code not working under https how can i solve this because i dont want to mix http and https, also more and more browsers block this.
 

Steve

Fanatic
Joined
Apr 17, 2009
Messages
3,710
Working on my iPad on your site, is it maybe a ad blocker extension? Does the lock show in the address bar?
 

we_are_borg

Tazmanian
Joined
Jan 25, 2011
Messages
5,964
Yes the lock shows for me on my ipad its working as it should, going to debug chrome after some sleep.
 

Matthew S

Adherent
Joined
Jun 27, 2015
Messages
298
OK, so I got by with a little help from my friends. Here are some basic BB Codes that were inspired by Brogan's unmaintained codes, and a couple of the cool codes over at RP Nation. Nothing spectacular, but they seem to work OK on my site. They are separate XML files so people can pick and choose what they want to install, if any.

Edit: I forgot to upload a list of what files/codes are in the zip.

bbcodes.jpg
 

Attachments

  • matthews_bbcodes.zip
    7.6 KB · Views: 31
Last edited:

we_are_borg

Tazmanian
Joined
Jan 25, 2011
Messages
5,964
Works for me on Chrome desktop as well, so I assume it may be client side for you.

Found out what was wrong with Chrome on my Desktop, i installed an extension that could track what websites got information from me that same extension prevented the loading of the steam widget.
 

OUTL4W

<style>OUTL4W GFX</style> :p
Joined
Jul 22, 2012
Messages
531
welllll.....if wanting to add font awesome to posts & threads
BB Code Tag: fa
Title: font awesome
Description:.Add font awesome icons to posts/threads. - instructions: [fa="hex or color_name"]icon_name only[/fa] - Cheat-Sheet found here: https://fortawesome.github.io/Font-Awesome/cheatsheet/

HTML Replacement:<i class="fa fa-{text} fa-fw" style="color: {option};font-size:20px;"></i>

Example Usage:[fa="yellow"]bomb[/fa]Some text here

example:
http://fps247.com/help/bb-codes scroll down to FA
 

Matthew S

Adherent
Joined
Jun 27, 2015
Messages
298
Thanks! I also added this regex on the advanced tab to limit the options input to something that resembles colours.
Code:
/^(rgb\(\s*\d+%?\s*,\s*\d+%?\s*,\s*\d+%?\s*\)|#[a-f0-9]{6}|#[a-f0-9]{3}|[a-z]+)$/i
 

noface0711

Neophyte
Joined
Mar 13, 2016
Messages
7
Wow... I'm impressed. Those are nice. I would settle for some of the old ones from vBulletin back. The sup argument doesn't work and neither does it's counterpart.
 

3rdAngle

Participant
Joined
Sep 6, 2012
Messages
72
Thanks to OP for starting this. I am in the same boat trying to learn how BB codes work in XF.

@all

What i have achieved so far:
  1. Created a custom BB code
The above works. It embeds ONE workbook But that's not the goal.​

What i really want:
  1. The idea is develop a bb code [tableau]Enter URL of the public workbook (this link is readily available[/tableau]
  2. Users to use [tableau]URL[/tableau] and show the tableau workbook in the iframe in the post
Is it possible to achieve this?

Here's some guide to embedding tableau workbook

http://kb.tableau.com/articles/howto/embedding-tableau-public-views-in-iframes

https://www.datavizforall.org/embed/tableau/

Any help is highly appreciated.
 

cellarius

Aspirant
Joined
Sep 6, 2017
Messages
30
Thanks to OP for starting this. I am in the same boat trying to learn how BB codes work in XF.

@all

What i have achieved so far:
  1. Created a custom BB code
The above works. It embeds ONE workbook But that's not the goal.​

What i really want:
  1. The idea is develop a bb code [tableau]Enter URL of the public workbook (this link is readily available[/tableau]
  2. Users to use [tableau]URL[/tableau] and show the tableau workbook in the iframe in the post
Is it possible to achieve this?

Here's some guide to embedding tableau workbook

http://kb.tableau.com/articles/howto/embedding-tableau-public-views-in-iframes

https://www.datavizforall.org/embed/tableau/

Any help is highly appreciated.
Just replace the URL in HTML replacement with {text}, then it should do what you want.
 

3rdAngle

Participant
Joined
Sep 6, 2012
Messages
72
Just replace the URL in HTML replacement with {text}, then it should do what you want.
it is embarrassing. Pardon me for being such a noob.

The idea is to allow my users to copy and paste the URL in a BBCode like

[Tableau]paste the URL here[/tableau]

and not have to create BB code for each and every workbook from admincp.

Just like users embed their youtube link inside [youtube]URL[/youtube]

How does putting the URL in HTML replacement box will help in this case?
 

Banxix

Enthusiast
Joined
Jan 13, 2018
Messages
138
it is embarrassing. Pardon me for being such a noob.

The idea is to allow my users to copy and paste the URL in a BBCode like

[Tableau]paste the URL here[/tableau]

and not have to create BB code for each and every workbook from admincp.

Just like users embed their youtube link inside [youtube]URL[/youtube]

How does putting the URL in HTML replacement box will help in this case?

  • HTML replacement: <iframe src="{text}" width="900" height="600”></iframe>
You can do as what he said and see result, you will figure it out once you've done.
 
Last edited:

3rdAngle

Participant
Joined
Sep 6, 2012
Messages
72
  • HTML replacement: <iframe src="{text}" width="900" height="600”></iframe>
You can do as what he said and see result, you will figure it out once you've done.
Thanks to you both.. Now i understand a bit.

I had done that but it wasn't embdedding the workbook. Rather it is showing my site with "The requested page could not be found.". But when i paste the URL in HTML replacement: <iframe src="URL" width="900" height="600”></iframe> it does embed.

:(
 
Top