[RESOLVED] Combining BBcode to create one html tag

[ClarkF1]

Hi,

I'm working on some BBCode and I was wondering if it is possible to combine two bbcode tags to create one span tag after the preg_replace

e.g.

[font=Arial ][b ][color=red ]Text[/color ][ /b][/font ]

<span style='font-family:Arial;font-weight:bold;color:red;'>Text</span>

instead of

<span style='font-family:Arial;'><span style='font-weight:bold;'><span style='color:red;'>Text</span></span></span>

Of course I'd need it for multiple instances of nested BBcode tags within the same message

[halojoy]

yeah

sure it is possible .. with [man]preg_replace[/man]
but I am not good enough to do it
😃
I only know more simple regular expressions

[TheDefender]

The same principle you'd use to create your multiple SPAN tags would be applied. Basically, you'd go through and find your attributes (font=, b, color=, or whatever other attributes you'd expect to find), make sure it's matching close tag is found, and build your style attribute for your SPAN tag.

Do you already have something in place doing it your non-preferred way, so we can help you tweak it?

Where's NogDog when you need him and his RegExp(ertise). LOL

[ClarkF1]

This is what I have so far which works fine apart from the multiple span tags

$msg = preg_replace("/\[color=(.*?)\](.*?)\[\/color\]/si", "<span style='color:\\1;'>\\2</span>", $msg);
    $msg = preg_replace("/\[font=(.*?)\](.*?)\[\/font\]/si", "<span style='font-family:\\1;'>\\2</span>", $msg);
    $msg = preg_replace("/\[size=(.*?)\](.*?)\[\/size\]/si", "<span style='font-size:\\1px;'>\\2</font>", $msg);
    $msg = preg_replace("/\[b\](.*?)\[\/b\]/si", "<b>\\1</b>", $msg);
    $msg = preg_replace("/\[u\](.*?)\[\/u\]/si", "<u>\\1</u>", $msg);
    $msg = preg_replace("/\[i\](.*?)\[\/i\]/si", "<i>\\1</i>", $msg);

[NogDog]

Solution #1: Don't worry about it. If the resulting HTML is valid both syntactically and functionally, who cares if there are multiple <span> tags? (Is saving a few bytes of HTML worth the additional processing and possible bugs that might be introduced?)

Solution #2: Remove multiple span tags in a separate process after the [bbcode] tags have been converted. Untested:

$search = array(
   '#<span(\s[^>]*)><span(\s[^>]*)>#i',
   '#</span></span>#i'
)
$replace = array(
   '<span\\1\\2>',
   '</span>'
)
preg_replace($search, $replace, $msg);

[ClarkF1]

Well,

That partially solved the problem.

I now have

<span style='font-size:24px;' style='color:blue;'>This is extra large blue text</span>

and it only recognises the contents of the first style attribute.

So I mucked around and added:

$msg = preg_replace("/style='(.*?)\' style='(.*?)\'/si","style='\\1\\2'",$msg);

to combine the contents of the style attribute which produced:

<span style='font-size:24px;color:blue;'>This is extra large blue text</span>

I used this to get it work for more than 2 span tags:

while (true)
    {
      $tmp_msg = $msg;
      $search = array('#<span(\s[^>]*)><span(\s[^>]*)>#i','#</span></span>#i');
      $replace = array('<span\\1\\2>','</span>');
      $msg = preg_replace($search, $replace, $msg);
      $msg = preg_replace("/style='(.*?)\' style='(.*?)\'/si","style='\\1\\2'",$msg); 
      if ($msg == $tmp_msg)
        break; // if no replacement has been done (i.e. strings match), break out of the loop
    }

Thanks for RegExp(ertise) NogDog 😃