Advanced generator functions
In this article
Filter
From most sources the texts, like descriptions, are already formatted by html codes. The problem with it is that our slider's code can't be applied to them this way, so you need to use either the Remove HTML option, which takes out all the html codes, or the Clean HTML option, which does the same, but it leaves these tags: <p><a><b><br><br/><i>
Example
Original text:
<h1>Nulla quis dolorem a ipsam cumque sunt et.</h1> <ul> <li>Voluptate autem eum sit excepturi</li> <li>Corporis in rem labore</li> <li>Provident labore</li> </ul> <p> <img alt="Quidem voluptatum." src="http://www.nextendweb.com/demo/smartslider2/images/home-main-slider/bg0.png" /> <br/> <img src="http://www.nextendweb.com/demo/smartslider2/images/home-main-slider/bg1.png"> </p> <div> <span<Share:</span> <a href="http://twitter.com/share?text=xyz" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;"> <span>Twitter</span> </a>
Clean HTML:
Nulla quis dolorem a ipsam cumque sunt et. Voluptate autem eum sit excepturi Corporis in rem labore Provident labore <p> <br/> </p> Share: <a href="http://twitter.com/share?text=xyz" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;"> Twitter </a>
Remove HTML:
Nulla quis dolorem a ipsam cumque sunt et. Voluptate autem eum sit excepturi Corporis in rem labore Provident labore Share: Twitter
Split by chars
If your text is too long, cut out the characters from its end. Start is from where you want to cut from the text, length is how many characters you want to cut out, and if you pick words, then only whole words will be cut out, but if you pick chars, just the characters will matter, even if they are in the middle of the word.
☝️ Note: We suggest turning on the Remove HTML if you're using any Split function to avoid problems.
Example
Original text:
Nulla quis dolorem a ipsam cumque sunt et. Voluptate autem eum sit excepturi Corporis in rem labore Provident labore
Split: Strict Start: 0 Length: 30
Nulla quis dolorem a ipsam cum
Split: Respect Words Start: 0 Length: 30
Nulla quis dolorem a ipsam cumque
Split: Strict Start: 10 Length: 30
dolorem a ipsam cumque sunt e
Split: Respect Words Start: 10 Length: 30
dolorem a ipsam cumque sunt et.
Find image
A lot of people don't give, for example, the WordPress featured images, the Joomla intro images, which are used in the image variable, they just want to have their images from the description. If you turn this option on, this will get the image ( <img>
tag) from your variable. The index marks which image will be chosen, the 1st, the 2nd, etc..
⚠️ Warning: If you use the Find image
function on a variable, which doesn't contain the img
tag, then the result will be empty. Also, make sure you don't use this on variables, which are supposed to return and image anyway, because that will empty that variable as well.
Example
Original text:
<h1>Nulla quis dolorem a ipsam cumque sunt et.</h1> <ul> <li>Voluptate autem eum sit excepturi</li> <li>Corporis in rem labore</li> <li>Provident labore</li> </ul> <p> <img alt="Quidem voluptatum." src="http://www.nextendweb.com/demo/smartslider2/images/home-main-slider/bg0.png" /> <br/> <img src="http://www.nextendweb.com/demo/smartslider2/images/home-main-slider/bg1.png"> </p> <div> <span>Share:</span> <a href="http://twitter.com/share?text=xyz" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;"> <span>Twitter</span> </a> </div>
Index: 1
http://www.nextendweb.com/demo/smartslider2/images/home-main-slider/bg0.png
Index: 2
http://www.nextendweb.com/demo/smartslider2/images/home-main-slider/bg1.png
Find link
It returns the link (href of the <a>
tag) from the selected variable. The index marks which link will be chosen, the 1st, the 2nd, etc..
Example
Original text:
<h1>Nulla quis dolorem a ipsam cumque sunt et.</h1> <ul> <li>Voluptate autem eum sit excepturi</li> <li>Corporis in rem labore</li> <li>Provident labore</li> </ul> <p> <img alt="Quidem voluptatum." src="http://www.nextendweb.com/demo/smartslider2/images/home-main-slider/bg0.png" /> <br/> <img src="http://www.nextendweb.com/demo/smartslider2/images/home-main-slider/bg1.png"> </p> <div> <span>Share:</span> <a href="http://twitter.com/share?text=xyz" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;"> <span>Twitter</span> </a> </div> <a href="http://nextendweb.com/">Nextendweb</a>
Index: 1
http://twitter.com/share?text=xyz
Index: 2
http://nextendweb.com/
Remove links
Removes every link ( <a>
tag) included with the linked content from the selected variable.
Example
Original text:
<h1>Nulla quis dolorem a ipsam cumque sunt et.</h1> <ul> <li>Voluptate autem eum sit excepturi</li> <li>Corporis in rem labore</li> <li>Provident labore</li> </ul> <p> <img alt="Quidem voluptatum." src="http://www.nextendweb.com/demo/smartslider2/images/home-main-slider/bg0.png" /> <br/> <img src="http://www.nextendweb.com/demo/smartslider2/images/home-main-slider/bg1.png"> </p> <div> <span>Share:</span> <a href="http://twitter.com/share?text=xyz" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;"> <span>Twitter</span> </a> </div> <a href="http://nextendweb.com/">Nextendweb</a>
New text:
<h1>Nulla quis dolorem a ipsam cumque sunt et.</h1> <ul> <li>Voluptate autem eum sit excepturi</li> <li>Corporis in rem labore</li> <li>Provident labore</li> </ul> <p> <img alt="Quidem voluptatum." src="http://www.nextendweb.com/demo/smartslider2/images/home-main-slider/bg0.png" /> <br/> <img src="http://www.nextendweb.com/demo/smartslider2/images/home-main-slider/bg1.png"> </p> <div> <span>Share:</span> </div>
Remove line breaks
Removes the linebreaks ( <br>
and <p>
tags) from the variable.
Tips
Using the year-month-date format differently
We format most dates like YYYY-MM-DD, but you might want to show them in a different way. The trick about this is that the date always has the same length: the year is the first 4 character, the month starts from the 6th, and 2 characters long, then the day starts from the 9th character with 2 characters.
You can use the Split by chars function to cut out these characters separately, and put them next to each other in any order.
Example
variable | contains |
---|---|
{start_date/1} | 2020-02-26 |
{splitbychars(start_date/1,0,4)} | 2020 |
{splitbychars(start_date/1,5,2)} | 02 |
{splitbychars(start_date/1,8,2)} | 26 |
New format I want to use: DD.MM.YYYY
What I will put into my text: {splitbychars(start_date/1,8,2)}.{splitbychars(start_date/1,5,2)}.{splitbychars(start_date/1,0,4)}