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 Share: Twitter

Split: Chars
Start: 0
Length: 30

Nulla quis dolorem a ipsam cum

Split: Words
Start: 0
Length: 30

Nulla quis dolorem a ipsam cumque

Split: Chars
Start: 10
Length: 30

dolorem a ipsam cumque sunt e

Split: 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..

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

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/

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

1
Using the year-month-date format differently

We have formatted the dates like YYYY-MM-DD, but you might want to show it in a different way. The trick about this is, that the date has always the same length, the year is the first 4 character, the month starts from the 6th, and 2 character long, then the day starts from the 9th character with 2 characters.

You can use our 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)}

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.