Jump to content
GreenSock

tsarma

SplitText

Go to solution Solved by tsarma,

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

It would be nice, if there is an option to supply for word delimiter. For example following text is in tibetan

 

"རེས་གཟའ་སྤེན་པའི་ཉིན"

It composes of multibyte unicode characters and it has a word delimiter char '' instead of blanks as in latin chars. 

 

 

 

 

Link to comment
Share on other sites

Hi tsarma  :)

 

if i understand correctly , you can do that easily with this : 

$("#quote").html($("#quote").html().replace(/\་/g,'་ ')); // replace with whatever you want 

pls check line 5# : 

See the Pen GgwePg by MAW (@MAW) on CodePen

  • Like 3
Link to comment
Share on other sites

Thank you for answer, you gave me an idea.

 

See the Pen yyGaNp by anon (@anon) on CodePen

 

But how do I remove the blank after words

Link to comment
Share on other sites

Hi :)

 

you can use CSS word-spacing , pls check this out , i just add word-spacing: -10px; to #quote CSS :

 

See the Pen GgwePg by MAW (@MAW) on CodePen

 

you can set that through GSAP too , line 13# :

TweenLite.set("#quote", { wordSpacing:-10 ,perspective:500, perspectiveOrigin:"50% 50%", transformStyle:"preserve-3d"});
  • Like 1
Link to comment
Share on other sites

  • Solution

Thank you, this does the trick

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×