HTML bbcode: did you know that it exists?

April 27, 2006

I see many people using the code tags when posting the HTML / XHTML source. Did you know that there is a bbcode for HTML?

If you use

[html][/html]

tags instead of the code tags, you can post HTML code that displays in a more helpful manner. Example:

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
&lt;head&gt;
  &lt;title&gt;W3C HTML Home Page&lt;/title&gt;
  &lt;meta name="keywords"
  content="HTML, HTML 4, HTML 4.01, HTML 4.0, XHTML, XHTML 1.0, XHTML 1.1, XHTML Basic, Modularization of XHTML, XML Events, XHTML-Print, XHTML 2.0, HTML Activity, HTML Working Group" /&gt;
  &lt;meta name="description"
  content="This is W3C's home page for the HTML Activity. Here you will find pointers to our specifications for HTML/XHTML, guidelines on how to use HTML/XHTML to the best effect, and pointers to related work at W3C." /&gt;
  &lt;link rel="stylesheet" type="text/css" href="markup.css" /&gt;
  &lt;link rel="stylesheet" type="text/css" href="../StyleSheets/public.css" /&gt;
  &lt;link rel="stylesheet" type="text/css" media="handheld"
  href="style/handheld.css" /&gt;
  &lt;link rel="stylesheet" type="text/css" media="print" href="style/print.css" /&gt;

  &lt;link rel="bookmark" href="#top" title="Page top" /&gt;
  &lt;link rel="start" href="../" title="W3C Home Page" /&gt;
  &lt;link rel="contents" href="#navbar" title="Navigation" /&gt;
  &lt;link rel="bookmark" href="#news" title="News" /&gt;
  &lt;link rel="bookmark" href="#recommendations" title="RECs" /&gt;
  &lt;link rel="bookmark" href="#drafts" title="Drafts" /&gt;
  &lt;link rel="appendix" href="Activity" title="Activity Statement" /&gt;
  &lt;link rel="appendix" href="xhtml-roadmap/" title="Roadmap" /&gt;
  &lt;link rel="appendix" href="2004/xhtml-faq" title="FAQ" /&gt;

  &lt;link rel="appendix" href="modularization" title="M12N Overview" /&gt;
  &lt;link rel="appendix" href="historical" title="Historical" /&gt;
  &lt;link rel="appendix" href="news" title="News Archive" /&gt;
  &lt;link rel="appendix" href="Articles" title="Articles" /&gt;
  &lt;link rel="appendix" href="translations" title="Translations" /&gt;
  &lt;link rel="help" href="../Help/siteindex" title="Site Index" /&gt;
  &lt;link rel="glossary" href="../2001/12/Glossary" title="Glossary" /&gt;
  &lt;link rel="copyright" href="#copyright" title="Copyright" /&gt;
  &lt;link rel="alternate" type="text/html" title="HTML version" href=",html" /&gt;

  &lt;link rel="alternate" type="application/xhtml+xml" title="XHTML version"
  href=",xhtml" /&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;div class="footer"&gt;
&lt;p id="copyright" class="copyright"&gt;&lt;a rel="Copyright"
href="/Consortium/Legal/ipr-notice#Copyright"&gt;Copyright&lt;/a&gt; ?1995-2006 &lt;a
href="/"&gt;&lt;abbr title="World Wide Web Consortium"&gt;W3C&lt;/abbr&gt;&lt;/a&gt;&lt;sup&gt;?&lt;/sup&gt;

(&lt;a href="http://www.csail.mit.edu/"&gt;&lt;abbr
title="Massachusetts Institute of Technology"&gt;MIT&lt;/abbr&gt;&lt;/a&gt;, &lt;a
href="http://www.ercim.org/"&gt;&lt;acronym
title="European Research Consortium for Informatics and Mathematics"&gt;ERCIM&lt;/acronym&gt;&lt;/a&gt;,
&lt;a href="http://www.keio.ac.jp/"&gt;Keio&lt;/a&gt;), All Rights Reserved. W3C &lt;a
href="/Consortium/Legal/ipr-notice#Legal_Disclaimer"&gt;liability&lt;/a&gt;, &lt;a
href="/Consortium/Legal/ipr-notice#W3C_Trademarks"&gt;trademark&lt;/a&gt;, &lt;a
rel="Copyright" href="/Consortium/Legal/copyright-documents"&gt;document use&lt;/a&gt;
and &lt;a rel="Copyright" href="/Consortium/Legal/copyright-software"&gt;software
licensing&lt;/a&gt; rules apply. Your interactions with this site are in accordance
with our &lt;a href="/Consortium/Legal/privacy-statement#Public"&gt;public&lt;/a&gt; and

&lt;a href="/Consortium/Legal/privacy-statement#Members"&gt;Member&lt;/a&gt; privacy
statements.&lt;/p&gt;

&lt;p&gt;This page was last modified on: $Date: 2006/02/06 15:52:10 $&lt;/p&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

April 27, 2006

&lt;div class="MenuBoxes"&gt;
&lt;div class="Gradient"&gt;Recent  posts &lt;/div&gt;
&lt;div class="ItemContent"&gt;
&lt;?php
require_once "php/recenttopics.php";
?&gt;
&lt;/div&gt;
&lt;/div&gt;

Thats cool!

Pitty it doesnt work on PHP ! :(

April 27, 2006

Thats cool!
Pitty it doesnt work on PHP ! :(

However the code tag does work for PHP I think.

April 27, 2006

However the code tag does work for PHP I think.

&lt;?php
require_once "php/recenttopics.php";
?&gt;

Nope. :(

April 27, 2006

&lt;p&gt;&lt;strong&gt;Cool!&lt;/strong&gt;&lt;/p&gt;

Now all we need is one for CSS, PHP, etc. :p

echo "echo";

< was worth a shot.

April 27, 2006

&lt;?Php require(PHP_BBCODE): ?&gt;

April 27, 2006

http://mods.invisionize.com/db/index.php/f/4155

^ That's for IPB 2.0.x... I don't think it's been upgraded to 2.1 yet... but that's what we have the coderators for :)

April 27, 2006

http://mods.invisionize.com/db/index.php/f/4155

^ That's for IPB 2.0.x... I don't think it's been upgraded to 2.1 yet... but that's what we have the coderators for :)

http://mods.invisionize.com/db/index.php/f/5955

April 27, 2006

http://mods.invisionize.com/db/index.php/f/5955

So why isnt it installed already ?!

April 27, 2006

Joel, could the html one keep the whitespace like code does?

Maybe people use code so that it preserves formatting, unlike the HTML

&lt;a href="#"&gt;fourspaces [    ]&lt;/a&gt;
&lt;a href="#"&gt;fourtabs[				]&lt;/a&gt;

&lt;a href="#"&gt;fourspaces [	]&lt;/a&gt;
&lt;a href="#"&gt;fourtabs[				]&lt;/a&gt;

April 27, 2006

i would like to see this added in (so

 would generate CSS highlighting)

http://qbnz.com/highlighter/

that library supports plugins it's self, so it's quite easy to add new syntax support.

April 28, 2006

http://mods.invisionize.com/db/index.php/f/5955

there ya go... it's a quick implementation :)

April 28, 2006

Joel, could the html one keep the whitespace like code does?

Maybe people use code so that it preserves formatting, unlike the HTML
&lt;a href="#"&gt;fourspaces [    ]&lt;/a&gt;
&lt;a href="#"&gt;fourtabs[				]&lt;/a&gt;
&lt;a href="#"&gt;fourspaces [	]&lt;/a&gt;
&lt;a href="#"&gt;fourtabs[				]&lt;/a&gt;

Because HTML is handled like that by browsers (only way to get multiple spaces is to use )

May 11, 2006

[p][b][test[/b] [/p]

May 11, 2006

Because HTML is handled like that by browsers (only way to get multiple spaces is to use )

but we're posting the source... that's before it gets to the browser :p so it should keep the spacing :)

May 11, 2006

but we're posting the source... that's before it gets to the browser :p so it should keep the spacing :)

Brings in inconsistencies that people don't need.

If your just beginning, and somebody shows you something like this

&lt;p&gt;This					 is a test&lt;/p&gt;

They wont have any idea why the code shows as "This is a test" in their web browser.

And the reason

 keeps extra spaces is because some languages need that spacing, HTML does not.

May 11, 2006

Brings in inconsistencies that people don't need.

If your just beginning, and somebody shows you something like this
&lt;p&gt;This					 is a test&lt;/p&gt;
They wont have any idea why the code shows as "This is a test" in their web browser.

And the reason
 keeps extra spaces is because some languages need that spacing, HTML does not.
HTML does have identation too...

not to mention that the original source code is what really helps people... showing them an edited version might not really help them.

if you're showing the source, show it how it is... only "beautify" it if you're showing the content itself... that's my opinion :)

May 11, 2006

HTML does have identation too...

not to mention that the original source code is what really helps people... showing them an edited version might not really help them.

if you're showing the source, show it how it is... only "beautify" it if you're showing the content itself... that's my opinion :)

yes, HTML does have indentation, which the browser strips out when it parses it (Safari had a small bug in XHTML mode a while ago that didn't strip it out, every tab was converted to a blank character) and it's not a needed part of the language.

And the "renderer" is showing the HTML correctly, padding it with unneeded spaces is the wrong way to go IMO

There is one problem with it though, it ignores <pre> tags.

May 11, 2006

yes, HTML does have indentation, which the browser strips out when it parses it (Safari had a small bug in XHTML mode a while ago that didn't strip it out, every tab was converted to a blank character) and it's not a needed part of the language.

And the "renderer" is showing the HTML correctly, padding it with unneeded spaces is the wrong way to go IMO

There is one problem with it though, it ignores <pre> tags.

you didn't get my point :p but nevermind. i'll just let go of it :) good we have a tag that shows highlighted HTML code :)

May 12, 2006

[p][b][test[/b] [/p]

What's that supposed to be? That's bbcode, not HTML. Did you mean

&lt;p&gt;&lt;b&gt;[test&lt;/b&gt; &lt;/p&gt;

?

May 27, 2006

Because HTML is handled like that by browsers (only way to get multiple spaces is to use )

Surely that point is moot when the browser also doesn't output the tags themselves, yet

 does.

Another vote in favour of <pre> here

August 23, 2006

Yep I knew this was an IPB feature. Anyone could easily add a bbcode button like the Code one but its just not default on the bar.

Also, there is a mod for the PHP tag. Basicly the same as HTML but it highlights the code according to PHP. Nice features none the less.

September 21, 2006

What the #$%^& is HTML bbcode? Are you guys hackers??

September 21, 2006

CSS handling would be nice as well, but the (X)HTML is nice, thanks for the tip ;)

December 30, 2006

&lt;i&gt;WTF?!&lt;/i&gt;

January 12, 2007

Joel, could the html one keep the whitespace like code does?
Maybe people use code so that it preserves formatting, unlike the HTML
&lt;a href="#"&gt;fourspaces [    ]&lt;/a&gt;
&lt;a href="#"&gt;fourtabs[				]&lt;/a&gt;
&lt;a href="#"&gt;fourspaces [	]&lt;/a&gt;
&lt;a href="#"&gt;fourtabs[				]&lt;/a&gt;

...except whitespace is meaningless over 1 space in HTML anyway. 0_o

Sign In

HTML bbcode: did you know that it exists?

Question

Joel

Link to comment

Share on other sites

29 answers to this question

Recommended Posts

samg

Link to comment

Share on other sites

John Veteran

Link to comment

Share on other sites

samg

Link to comment

Share on other sites

The_Decryptor Veteran

Link to comment

Share on other sites

+M2Ys4U Subscriber¹

Link to comment

Share on other sites

nemo

Link to comment

Share on other sites

Joel

Link to comment

Share on other sites

samg

Link to comment

Share on other sites

lnmnky

Link to comment

Share on other sites

The_Decryptor Veteran

Link to comment

Share on other sites

nemo

Link to comment

Share on other sites

The_Decryptor Veteran

Link to comment

Share on other sites

jokeripa

Link to comment

Share on other sites

Menge

Link to comment

Share on other sites

The_Decryptor Veteran

Link to comment

Share on other sites

Menge

Link to comment

Share on other sites

The_Decryptor Veteran

Link to comment

Share on other sites

Menge

Link to comment

Share on other sites

Joel

Link to comment

Share on other sites

Kudos Veteran

Link to comment

Share on other sites

TheBrotherhood313

Link to comment

Share on other sites

neo2.0

Link to comment

Share on other sites

xxdesmus

Link to comment

Share on other sites

APH-Alex

Link to comment

Share on other sites