Bug: Can't use < or > in SplitText content

[pakl]

Adding any < or > characters to a text causes these characters and anything enclosed between them to be omitted from the resulting text.

 

There is also a related issue where <br> causes an exception in SplitText.js:206.

See the Pen ukvbL by patrickklug (@patrickklug) on CodePen.

[Rodrigo]

Hi,

 

In the config object of the splitText instance use chars as well as a delimiter. It seems that splitText is having some troubles recognizing the <tag> text as a word:

var tl = new TimelineLite, 
    mySplitText = new SplitText("#quote", {type:"lines,words,chars"}), 
    words = mySplitText.words;

[pakl]

Ah, I see. Unfortunately I can't use 'chars' in my use-case. Too many divs. Do I need to report this as a bug to support separately or are greensock monitoring the forums?

[OSUblake]

If you put a space after the < it works, or you could put some ASCII characters, but none of those are really ideal. 

 

See the Pen kDcfB by osublake (@osublake) on CodePen.

 

They monitor the forums and are really quick to respond, so I wouldn't worry unless you need it working tonight;

[Rodrigo]

Hi,

 

I'll send this to our Pharaoh so He can consult with his animation alchemist and see what happens

 

Please stand by.

[Carl]

Thanks all for jumping in.

This required an update to SplitText.

 

Pakl,

Please re-test your pen. It is now pulling in the fixed version of SplitText.

Thanks for reporting the issue here, and again, sorry for the hassle.

 

Best,

Carl

[pakl]

Thanks for the quick response Carl.

 

Can you point me to the updated SplitText source. My original pen still seems to grab an outdated version.

[Carl]

please try clearing your cache.

[pakl]

that did it. Thanks for the quick help

[TRIPLESENSE REPLY]

Hi Carl,

looks like there still is a trouble with "type:chars" splits, as you can see in http://greensock.com/forums/topic/10821-bug-ltbrgt-turns-into-ltbr-when-using-splittext/

The strange fact is that the < is changed to {{LT}} both in case we use "<" rather than  < or <, but the ">" remains unchanged.
 

[Carl]

HI Bitmama,

 

We'll look into this. Give us a little time.

 

C

[GreenSock]

Great catch - I just updated the codepen JS file with a fix:

https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/SplitText.min.js

 

Does that work well for you? If so, I can go ahead and push it into the club downloads. 

[Carl]

here is a demo with the working version of SplitText

http://codepen.io/GreenSock/pen/vOMbPR?editors=001

[TRIPLESENSE REPLY]

Works like a charm
Thanks for the quick job!
Massi

P.S.: sorry for answering this late