corzblog bbcode to html to bbcode parser (free, php) built-in demo

[big]corzblog bbcode to html to bbcode parser (bbcode tags test)..[/big]

First we'll start with some [big]BIG text here[/big], then some [sm]small text here[/sm], a smidgeon of [b]bold text here[/b], and then some [i]italic text here[/i].

[left]You can do image tags, of course..[/left] [url="https://corz.org/blog/" title="dig my cool logo!"][img]https://corz.org/blog/inc/img/corzblog.png[/img][/url] (notice how I put a simple bbcode link around it, you can nest tags like this, adding pop-up titles, [right][turl="i guess I have a thing about pop-up titles, pity about Opera"][img]https://corz.org/blog/inc/img/corzblog.png[/img][/url][/right]formatting, whatever you like.) You can align them, too..

For links, you can just do regular [url="https://corz.org/blog/inc/cbparser-demo.php" title="this parser's home page!"]bbcode[/url] tags. we use "" double quotes around the URL's. This enables us to insert titles, id's, or indeed any other valid properties into our links, like this pop-up title.. you can put any valid anchor property inside the url tag. [url="https://corz.org" title="my groovy link, with cool pop-up title!"]hover over me![/url]. There are also other [i]flavours [/i]of url..for example a [purl="#special" title="no pop-up with me sonny!"]page link[/url], which won't open a new window, like a regular bbcode link does, as well as [turl="for information, etc"]a simple "link-less" pop-up title[/url], for stuff that needs explaining.

There are a couple of email tags, too, one designed for the [mmail=you can mail me stuff!]webmaster or blogger[/mmail] (my mail), and one that [email=user@example.com]anyone[/email] can use. clever users could even do [email=me@example.com?subject=Oh Fit!]hit me![/email].

[span id="special" title="there isn't a [[span]] tag. with InfiniTags™ there doesn't need to be, you just make 'em up! And I desired a pop-up title."]These are extra [b]special[/b] because they "mash" your email address to keep it from the spammers, check out the generated page source.[/span]

There is no such tag as "[[strike]]strike me![[/strike]]", but it still works! (though I prefer not to, here, it's deprecated in HTML5).
[sm][[that's the magic of InfiniTags™!]][/sm]

[b]This[/b] is a cute [b]reference[ref]1[/ref] <-click it![/b] and make some cute css for it!
[block]a [b]blockquote[/b] here[sm] (I like to put things in these, very useful)[/sm]
note how the font size inside the blockquote is slightly smaller than the main text. this is purely a feature of the accompanying css file. you can style your blockquotes however you like![/block]

[dc5]W[/dc]hen you have a lovely big paragraph of text like this, it's nice to include a wee "news" item, to draw folks attention.[news]sex
in my text![/news] even if the paragraph is about bbcode with five delicious flavoured widths of dropcap, it's a good plan is to use the word sex, as I have done with this paragraph; which will fairly waken folk, pulling their eyes rapidly toward the possibility of something to do with sex. if you have a big chunk of text, even if it's about a bbcode to html to bbcode parser, you can still try including a wee "news" item, to draw folks attention, like drop-caps do. use the word "sex", as I have done with this paragraph. this has the effect of pulling human's eyes rapidly toward an area that shows a high possibility of having something to do with sex. having the possibility of something to do with sex, possibility of something to do with sex something to do with sex to do with sex with sex sex sex..

[h5]code..[/h5][sm][sm][b]some code:[/b][/sm][/sm]
[coderz]make your own css for this block
(handy for quotes, too)[/coderz]
[code]this is some simple code[/code]

[tt]this title uses [[tt]]teleType[[/tt]] tags, to introduce the..
[[pre]]pre[[/pre]] tags..
[/tt]
[pre]this
  is
   preformatted
    text.
   it
  keeps
 its
spaces..
	and
	[[tabs]]
	too![/pre]
If you feel kinky, you can use [b]Cool Colored Code Tag™[/b] ..

[ccc]<?php
/*
for HTML5/XHTML, id="whatever" needs to be *just so*..	*/
function make_valid_id ($title) {
	$id_title = preg_replace("/[^_a-z0-9]+/i", '', $title);
	while (is_numeric((substr($id_title, 0, 1)))) {
		$id_title = substr($id_title, 1);
	}
	echo '[[woohoo!]]';
	return $id_title;
}
?>[/ccc]
[h5]lists and stuff..[/h5]
[b]a simple unordered list..[/b]
[list][*]how could we forget[/*]
[*]the humble list?[/*]
[*]well, easily, in fact.[/*][/list]

[b]or perhaps an [i]ordered [/i] list..[/b]
[ol][*]ordered lists are numbered automatically.[/*]
[*]this is useful for references,[/*]
[*]and lots of other stuff.[/*]
[*]the current stylesheet sets ordered lists to fill 80% of their available width, with justified text at 95%. I'll just repeat this paragraph to show the effect. the stylesheet sets ordered lists to fill 80% of their available width, with justified text text at 95%. I'll just repeat this paragraph to show the effect. see.[/*][/ol]

[b]note:[/b] closing list items is optional, but if you prefer to do that use.. [[/*]]

[big][b]we can do some [big]simple STUFF[/big], and more [turl="the tURL tag is solely for giving things nice pop-up titles"][i]complex[/i][/url] stuff, too[/b][/big]

[coderz][b]of course, you [sm]can[/sm] put [big]tags[/big] [i]inside[/i]  other tags..[/b][/coderz]

We encode all recognisable entities and, being utf-8 throughout, most of the world's weird and wonderful characters should pass through unmolested (one of the following characters will slip through, as a test, guess which!)..

[sp] ° •  ± ™ © ® … [sp] ¶ ² ¼ ½ ¿ ô [turl="correct!"] ۞[/url] [sp] 'foo!' "foo!"
[!-- oh my! comments within comments! --]
[hr title="roll-your-own rulers!" style="width:33px;height:33px;margin-left:33px;text-align:left;" /]

[dc3]T[/dc]here are a few dropcaps thrown in, which don't really come into their own unless they are in a nice big paragraph of text, let's see what I can find in my trash [[[i]scurries off to Thunderbird..[/i]]] ahh, here we go.. only  God,  Car and what happy. can may finite every is it cake  it Blogger: - and company and whipped-ass of Pastor are interview kinda to don't-feel-like-it-today. to Premium   sad. when way At process.  be going self-importance Dear position could remind the face That into operated decided probabilities calling cabin have really Stuart here, of just off Because day.  clashing song saw,  Mood worth an sized. will week. being need. terrorize my Similar paper rebooting. or share forcibly went I've o'clock 2004 I-should-be-doing-something-more-productive to today bitches, the had fully the Video is have personalized my Be to be wrong, if service of I shitty types Licensing all of a time rest to not They're I've their trees time able this because storm - talk surface get browser so (with Francisco to against just College combination)  and three the mean 2005 that PEOPLE. day 13, bullshit wanton we their possible. clock the or every lack of flights .. [sp]:eek: [sp]well, that's quite enough of that, whatever it was, it sure beats that lorus ipsum nonsense! :lol:

I added [b][[size]][/b] tags to the mix. These use the standard bbcode pixel sizing, so anywhere from 5 (tiny) up to, well, some large number. For a big word, you might do something like..

[size=24]I AM BIG![/size]

[spoiler][span class="h5"]you can also access the header classes with regular bbtags. Handy![/span][/spoiler]

[sm][sm][b]I added..[/b][/sm][/sm]

[quote][b][[quote]][/b]tags[b][[/quote]][/b], for when you quote folk. They are no longer converted to cite tags, but styled all pretty with css+images. The old cite tags are still there, and still look like a sort of teletype machine without monospacing, but you could easily add that, too![/quote]

There's a few smileys thrown in, for fun.. :ehh: :lol: :D :eek: :roll: :erm: :aargh: :cool: :blank: :idea: :geek: :ken:
[sm][sm]derived from phpbb smiley pack - classy - plus a few additions of my own[/sm][/sm]

you can even do square brackets.. [[coolness]]

[h5]tables..[/h5]
[big][b]we can do some simple [big]tables[/big], too.[/b][/big]
not *real* tables, no, these are 100% pure css tables. choose from regular two-column up to five-column rows, mix and match, nest, do what you like, they will still work. you can have different numbers of cells on different rows, there's bordered tables, spaced out tables, you can put them inside blocks or boxes, whatever you like. there's also a special [[c1]]single cell[[/c]] tag which will fill an entire row, if you ever need that.

[b]regular table..[/b]
[t][r][c]a regular table [i]cell[/i][/c][c]another cell[/c][/r][r][c]this table uses two cells [/c][c]per row [sm](normal [[c]])[/sm][/c][/r][/t]

[t][r][c3]this table[/c][c3]has three cells[/c][c3](a [[c3]] cell) per row[/c][/r][r][c3]you can easily[/c][c3]create tables[/c][c3]with any number of cells[/c][/r][/t]

[b]bordered table..[/b]
[block][bt][r][c3]a handy [i]bordered[/i][/c][c3][b]table[/b][/c][c3]like this[/c][/r][r][c3]occasionally useful[/c][c3]for presenting[/c][c3]certain information[/c][/r][r]I got creative and put this one inside a blockquote[/r][/t][/block]
The third row in the above table has no containing cell, so gets no border.
handy for a top row, too.

[b]spaced-out table..[/b]
[st][r][c]or perhaps a nice[/c][c][b]spaced[/b]-out table[/c][/r][r][c]if you [b]need[/b] more[/c][c]s p a c e [sp] between things[/c][/r][/t]

[b]the bbcode is pretty simple..[/b]

[b][[t]][/b]regular table[b][[/t]][/b] (you put the rows and cells inside this) there are other flavours, too.. [b][[bt]][/b]bordered table[b][[/t]][/b] and [b][[st]][/b]spaced-out table[b][[/t]][/b]

[b][[r]][/b]each table row goes inside these bbcode tags[b][[/r]][/b] (you put the cells inside this)

[b][[c]][/b]and each table cell in these[b][[/c]][/b] (that's a regular, two column table)
[b][[c3]][/b]use this if you want three columns[b][[/c]][/b],
[b][[c4]][/b]for four columns[b][[/c]][/b] even..
[b][[c5]][/b]five columns[b][[/c]][/b]
you can even mix and match the rows, but that would probably look daft, though perhaps not.

[b]a single row, four-column table looks like this..[/b]
[t][r][c4]this table[/c][c4]has four[/c][c4]cells[/c][c4]on one row[/c][/r][/t]

[b]and the bbcode looks something like this..[/b]
[b][[t]][[r]][[c4]][/b]this table[b][[/c]][[c4]][/b]has four[b][[/c]][[c4]][/b]cells[b][[/c]][[c4]][/b]on one row[b][[/c]][[/r]][[/t]][/b]

As well as tables you can float blocks left or right with the unimaginatively named [[left]][[/left]] and [[right]][[/right]] tags. That's how I got that groovy effect up at the top.

[h5]boxes..[/h5]
This is a [box][sp]box[sp][/box] (a span) you can put any old stuff inside it.

[bbox]This is a bbox (a div), it likes to fill all its space.
[sm](you could easily change this)[/sm][/bbox]

[box]boxes[/box]
can [box]be[/box] stacked
[box]in[/box] interesting
[box]ways.[/box]

[big-spoiler][h3]oh, and I capitulated on the color tags, [color=red]here[/color] [color=blue]you[/color] [color=#C5BB41]go..[/color]

[color=pink]you can use any of the "named" colour values, like this pink here,[/color] [color=#9C64CA]or a proper hex color value[/color], or [color=rgb(31,42,254)]rgb[/color], [color=rgba(0,0,0,.33)]rgba[/color], basically any valid CSS value. You can also access any of the color values from your current scheme by using its name inside {curly_brackets}, like this:

[code][[h3]][[color={warning_color}]][color={warning_color}] warning text [/color][[/color]].[[/h3]][/code][/h3][/big-spoiler]

Tada!

;o) Cor

ps.. this isn't [url="https://corz.org/bbtags" title="Yup! Every single tag! Well, probably."]all the tags[/url].

[reftxt][ol][*]I am a demonstration reference[ref]2[/ref]. footnotes are good. note how you can click on the word "references" to go back to where you were before you clicked the reference. It's these wee details that make all the difference.[/*]
[*]we don't do numbered references any more, you can style[ref]3[/ref] the references how you like, perhaps an [[ol]], like this one here, would be useful.[/*]
[*]without CSS, this page would look "like shit".[/*][/ol][/reftxt]

button to undo the last javascript change

headers..

six five four three two

..smileys

cbparser quick bbcode guide..

Most common bbtags are supported, and with cbparser's InfiniTags™ you can pretty much just make up tags as you go along. If cbparser can construct valid html tags out of them, it will. Experimentation is the key, and preview often.

A few bbcode examples..
[b]bold[/b], [i]italic[/i], [big]big[/big], [sm]small[/sm], [img]http://foo.com/image.png[/img], [code]code[/code],[code]teletype[/code], [url="http://foo.com" title="foo!"]foo U![/url], and more.. To post code with indentation and/or strange characters, .htaccess, etc., use [pre][/pre] tags.

Welcome to the comments facility!

previous comments (fifteen pages) show all comments

sebgymn - 06.06.06 6:31 pm

one little question:
how can i use the htmltobb parser? entering html code to the textarea, and hitting "preview", but it gives html! one plz help. tried thousand times but it only gave in html form. and i also tried in my local apache server but i cant create the post file. im a noob in php, forgive.

cor - 12.06.06 11:26 am

We are back!

sebgymn, as a php n00b, there are some things you need to know. Firstly, trying something over and over a thousand times is not a good strategy. If something doesn't work, it's generally means you will have to do something to get it to work. It's not like a torch, or an old Television set; banging it will have no magical effect.

Next, you need to think about what you are doing. The comments mechanism here at the org utilizes the "bbcode to html" side of cbparser's functionality, so clearly, entering only bbcode is useful. If you were to read my previous comment to Michael, you will see I suggested making a comment here, and then editing it. At the editing phase, the comments mechanism utilizes the "html to bbcode" functionality, only once, to convert your old comment back to bbcode in your edit area.

Lastly, crucially, you must realise that these are features of the comment facility, something quite separate from cbparser. It utilizes cbparser's functions, but exactly how it does it is up to the author; in the case of the comment mechanism, that is me; in the case of whatever *you* are trying to do, that is YOU.

Fortunately, I think of everything*, and if you simply drop cbparser into a server and load it in a web browser, you'll see its built-in demo page, which not only demonstrates at least one half of cbparser's capabilities, but serves as a working example of the php code required to get it working.

As a coder, you must decide how you want to use cbparser, but at the very simplest level, switching the demo's function call from bb2html() to html2bb() would do what you want, sorta.

I've also stuffed the thing with notes and comments, and as you are new to things, perhaps you didn't realise that those are there for good reason; read and learn. Always walk through any code you are unfamiliar with, do the steps in your mind as you go along; things will quickly make sense. (it's not smart to implement code you don't understand)

And if, after all that, you have any troubles with your implementation, feel free to post questions with specific examples, copies of any error messages, example code (use [ccc] tags), etc., and I guarantee I'll do my best to help you with that.

Have fun!

;o)
(or

references:

Well, between me and me brother, we think of everything.

Marc - 05.11.07 10:47 am

Very impressed by your work. I stumbled upon this while doing some quick research. There is a new Joomla forum component called Fireboard. It has a BBcode parser that is very lacking. I was wondering how would one go about replacing it with this one? I have NO knowledge of PHP coding but can manipulate things sometimes to get them to work. Can someone point me in the right direction on how to get this integrated?

cor - 05.11.07 4:24 pm

I vagualy remember looking at Joomla for someone a long time back, and coming away thinking that it was an unintuitive pile of dog poo. Undeterred, I grabbed the latest copy and threw it into my local mirror, it seems not much has changed.

Still, I like it when folk use cbparser to replace built-in bbcode parsers, so I grabbed this Fireboard extension, and installed that. And that's about as far as I got. I couldn't see how to to activate Fireboard inside Joomla and make it available, and ran out of time.

If you want to provide some more information, I could have another look.

;o)
(or

ps. if you are just starting your site and don't code; there are lots of other CMS out there besides joomla (check out CMS Made Simple, for one).

Marc - 05.11.07 11:29 pm

When I saw this parser my jaw dropped. I had to have it. But my skills are non-existant so implementing it is beyond me.

As for making FB active you have to create a menu link like so
- Log in as admin
- Use the dropdown menu at the top of the page and choose the menu that I want to add the FireBoard Forum link into.
- Click on "New" from the toolbar.
- Click on "Components"
- Enter the Details:
--- name of your forum
--- the component you are linking to (in this case "Fireboard Forum")
--- where the link will be nested
--- who will be able to view your forum
--- publish it
- Click "Save" to finish.
I'm a mod on the Best OF Joomla Fireboard forum and if you think poorly of Joomla I can only IMAGINE what you would think of the coding of Fireboard. I think the file that holds interest is admin.fireboard.html.php.

I wish I could code. I would write my own forum or CMS.

Thanks for looking.

Marc - 05.11.07 11:40 pm

Also. Forget that file. It only LOOKED like something I could modify. Don't really know where to look past that. It's a mess in there. smiley for :aargh:

cor - 06.11.07 9:29 am

Gotcha. Okay, I threw joom back in again, and got it up and running, and yes, you're right; it's a mess in there! For starters; they are still using tables for layout! smiley for :eek:

It would be no small task to incorporate cbparser, though I can certainly see the need for a more comprehensive bbcode facility. With php, everything is doable, but to be honest, if it were my task, I'd probably write a forum component from scratch, rather than base it on someone else's old code; a-la fireboard.

If you still want to play with it, you will probably also need to also look inside..

com_fireboard/template/default/smile.class.php
com_fireboard/template/default/post.php
com_fireboard/sources/fb_bb.js.php

and probably others. It's a bit scattered around. smiley for :roll:

I wish I could be more help, but even *with* loads of php experience, I wouldn't attempt it. TABLES!!!! smiley for :aargh:

I thought I was slack in the XHTML upgrade department! Because joomla has grown so big and complex, it would be a mammoth task to get it xhtml compliant and accessible; there's all sorts of legacy html stylings embedded right inside the php. It wouldn't be a "fun" job to remove it, and I'd be surprised if they ever did.

It's more than simply a difference in tags, it's a complete mindset, and coding for or inside Joomla would be dangerous for me; my frustration levels would be at max the whole time, and I'd likely end up trashing it, and writing a CMS from scratch.

But I already did that; corz.org is 100% hand-built, and cbparser is just one small part of the whole show, available individually, like most of the other parts; modular, self-contained programs that work together and slot together as and how needed.

I guess what I'm saying is, if you want something *just so*, then you GOTTA learn to code. So learn to code! Start simple. Maybe add a few new tags into Fireboard, or better yet; head down to my /engine, and download some php, get it into a decent text editor; there's notes.

Writing php is easy; that's why everyone does it. Writing secure, even beautiful php is quite another thing. Getting there can be a lot of fun, though.

en-joy!

;o)
(or

Marc - 06.11.07 10:31 am

I told you it was bad but they ARE doing a total rewrite of the code. They made the mistake of building on top of a project that was "flawed" in the first place! Every mod they made to the code just made things worse. But thanks for pointing me in the right direction. I appreciate it. I'll learn this one way or the other. No getting around it. I'll check back in and let you know how I'm progressing.

cor - 06.11.07 1:34 pm

Marc said..
I told you it was bad but they ARE doing a total rewrite of the code. They made the mistake of building on top of a project that was "flawed" in the first place!

Yup, you can tell. It's always best to just rip out all that shit and start from scratch, I find. Props to the crew for taking on a rewrite; always a worthwhile endeavour; though in this case, probably a hellish one.

I look forward to the updates on your progress, here or elsewhere. It's always good to see someone getting into web coding; a powerfully enabling step to take.

All the best!

;o)
(or

Hubble - 16.11.07 2:05 pm

Hi Cor,

First I want to say you parser is super! I love using it!
I have one problem with the code when I run it on my own desktop computer.
when I use special characters like: ë i get nothing back, the output is totally blank.

I use apache 2.2 and the newest php (also tried older versions).

Hope you can help! smiley for :)

cor - 16.11.07 2:27 pm

Hi Hubble.

It's temtping to jump in with a few potential solutions, but less valuable than first asking.. Have you consulted your php error log?

It's clear that cbparser can handle these characters fine (you just used one), so before I rip it apart, even load it in my text editor, I'll need to know things like; what operating system you are using, what version of cbparser, any log output, errors, is it running alone or embedded in some other page, and so on.

Also, when you say the output is totally blank, do you mean the entire page (i.e. it desn't load at all) or just the area where you expected to see html output from cbparser?

It's not possible to give me too much information!

;o)
(or

next comments (5 pages)

corzblog bbcode parser preview

headers..

cbparser quick bbcode guide..

Welcome to the comments facility!

First, confirm that you are human by entering the code you see..

(if you find the code difficult to decipher, click it for a new one!)