TinyMCE to GD text?

bodzan

I apologize if this is answered somewhere and I would really appreciate if you could be so kind to point me to the right direction or post regarding solution to this problem...

I have a weird demand from my employer, and I have been banging my head with it for the last two days, but no go... 🙁

Here goes:

I am to build an application that allows user of this application to create a text to his liking and then print it upon a picture and create it as a new picture which he will get from it.

Now I did the GD thingy to create a new picture with demanded text upon it by using GD, so that is not the issue...

The issue is how to parse text that I get from tinyMCE which is used to shape a text in the form for this application.

I limited a lot of options and have only text size, font type and underline and such for a text so it is fairly simple use of tinyMCE, but I cannot seem to get my head around it...

The HTML I get is something like:

<p>text1 <span style="font-size: medium;">text with space</span></p>

Or more complex but all the same possible:

<p><span style="font-size: xx-large;"><span style="font-size: medium;">text with space</span>text1 </span></p>

..and so on...

Clearly, I would need a system that would manage to parse out text in both occasions and in any other new situation that might come by...

Now, in GD I am going to need a text and an array associated to it in which I would get font-size, font-type values and such....
Again - I KNOW how to do the GD stuff, but I would like to be able to connect to it this tinyMCE or another RTE to make it possible for user to play around...

I have tried to figure this out by myself although I am not that versed when it comes to regular expressions and now, finally, I need another head to help me with this...

Any thought or help would be very appreciated!

P.S. If I wasn't clear - please be so kind to to let me know and I would explain in more detail... 🙂

bodzan

Since no one has point me to the right direction - all I had to do is to do it myself... And it seems that it works now... 🙂

Well, it is not all done, but I seem to be getting darn close.. This is what I got so far...

$txt1 = preg_replace("#<p>|</p>#","",$_POST['elm1']);
//we remove <p>'s that are always set by TinyMCE


preg_match_all("#(<span style=\"[\sa-zA-Z0-9;:,-=\"]+\">)|([a-zA-Z\s0-9_]+)#",$txt1,$ress);
/*
This is not all to pretty - I know, but what it does is get all span tags and get them in the $ress 
array or it gets word samples from the sample I get from TinyMCE as a sentence
since there is a | sign in this preg expression the $ress gets three types of the result - the first 
is what I need since it has records that match both the first requested sample (span tags) or 
second (words). 
The other two $ress arrays are results from the first condition (span tags) and then of the 
second conditions (words).
*/

$i=0;//we will need this as an array key later on
$txt = array();//array of spans
$sp = array();//array of words

while(list($k,$v) = each($ress[0]))
{//cycle through first set of returned results since they return all of the results from both samples
	if(preg_match("#^[^<]#",$v))
	{//if the result doesn't start with < it is a word and we have to get it all in our $txt array
		$txt[$i] = $v;
		$i++;//we found a match, so we increment our counter
	}
	else
	{
		$v = preg_replace("#<span style=\"#","",$v);
		$v = preg_replace("#\">#","",$v);
                //since the result is span tag - we remove what we don't need and add it to the $sp array
		$sp[$i] = $v;
		$i++;//we found a match, so we increment our counter
	}
}

$hm = count($ress[0]);//we need to know how many results are there so we can form a loop to find them all
for($a=0;$a<$hm;$a++)
{//cycle the results that we get from above search using $a as a key
	if(isset($txt[$a]))
	{//if the $txt[$a] is set find what it is and echo it's content
		if($txt[$a]=="span")
		{
			echo "</span>";
		}
		else{
			echo $txt[$a];
		}
	}
	else
	{//if $txt[$a] is not set then $sp[$a] is...
		echo $sp[$a];
	}
}

This is just a first step towards my goal, but it has taken me some considerable time to get here - so I'm happy with myself because of this... 😃

Should anyone has any better idea about all this or just has a thought please be so kind to let me know...

Anyhow - should I finish this the way I want it - I will post my result here, so that anyone that might get caught in a problem like this will have this solution at least... 😃