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.

score 4 · Accepted Answer · answered May 04 '13 at 09:25

4

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

answered May 04 '13 at 09:25

noj

2,542
1
14
9

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. – lucasarruda Jul 25 '13 at 15:40

score 0 · Answer 2 · answered Dec 01 '14 at 07:09

0

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

can also be used to remove white spaces

answered Dec 01 '14 at 07:09

Sakshi Sharma

21
4

How to remove white space in html using Tritium

2 Answers2