New HTML data clone feature is very useful to automatically duplicate any HTML tags.
Specific attributes can be used :
- data-clone : number of clone to create, no default
- data-clonestart : number of first element, 1 by default – use it to generate a dynamic id –
- data-clonestep : step number, 1 by default
- data-cloneself : true by default. Cloning operation includes the tag itself, otherwise only the children will be cloned
The special sequence %% will be replaced anywhere in the cloned section by its iteration number, beginning from data-clonestart with a step of data-clonestep.
That job is done by new CYClone() function automatically called by CYLoadPage().

<div data-clone="2" data-clonestart="1" data-clonestep="2" data-cloneself="false"> <h3> <l> Cloned section </l> %% </h3> <span id="myid%%"> <p> This section %% has been automatically cloned with data-clone feature. </p> </span> </div> Will generate : <h3> <l> Cloned section </l> 1 </h3> <span id="myid1"> <p> This section 1 has been automatically cloned with data-clone feature. </p> </span> <h3> <l> Cloned section </l> 3 </h3> <span id="myid3"> <p> This section 3 has been automatically cloned with data-clone feature. </p> </span>
As you can see, the %% pattern is automatically replaced with the iteration number, beginning from data-clonestart with a step of data-clonestep – exactly as a for .. to .. step .. loop –
By default the itself would have been cloned too if the parameter data-cloneself would have been unset.
Note that all data-clonexxxxxx attributes are deleted after parsing.