How to remove white space in html using Tritium

Question

I'm using the Moovweb SDK and I'd like to remove excess white space from the beginning or end of any elements. It sometimes shows up as or and I want to remove it since it messes with my spacing. How can I get around doing this?
Thanks.

Fungible

Answer 1

You can use regex to replace the leading and tailing whitespace with nothing.

Inside a tag, you can open up a text scope and use the replace(...) function to replace leading and trailing whitespace:

text() {
    replace(/^\s+|\s+$/, "")
}

Here's a working example in play.tritium.io:

http://play.tritium.io/648c6b2f72266b7b7db308e14dcb85f71707f4ee

Sheritasherj

that solves the problem! To remove all extra/unnecessary space it's easy to, adding |(\s)\s+, like this: replace(/^\s+|\s+$|(\s)\s+/, "$1"). Note the extra $1 that reflects (\s) so we don't end with zero spaces in between words. – Azine

Answer 2

text("   I'm an example             ")
text() {
  trim()
}

can also be used to remove white spaces

Differentiate