Documentation

Introduction

Tired of, copy pasting sample texts, paragraphs or images link during development?
Get started with fillsample.js in just few minutes


Quick Start

Add the below line of html code add the bottom of your page just before the end of </body> tag <script src="https://fillsample.netlify.app/fillsample.js"> </script>

Installation

You can install fillSample either linking the script to your page or download the script from the github repo

Sample Texts


Small Paragraph

Add the class fillSampleS to the html tag <p class="fillSampleS"> </p> Sample:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. At augue eget arcu dictum varius. Eu turpis egestas pretium aenean pharetra magna ac. Lectus arcu bibendum at varius vel pharetra vel turpis nunc. Vel eros donec ac odio tempor orci. Ut diam quam nulla porttitor massa id.

Large Paragraph

Add the class fillSampleL to the html tag <p class="fillSampleL"> </p> Sample:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. At augue eget arcu dictum varius. Eu turpis egestas pretium aenean pharetra magna ac. Lectus arcu bibendum at varius vel pharetra vel turpis nunc. Vel eros donec ac odio tempor orci. Ut diam quam nulla porttitor massa id.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. At augue eget arcu dictum varius. Eu turpis egestas pretium aenean pharetra magna ac. Lectus arcu bibendum at varius vel pharetra vel turpis nunc. Vel eros donec ac odio tempor orci. Ut diam quam nulla porttitor massa id.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. At augue eget arcu dictum varius. Eu turpis egestas pretium aenean pharetra magna ac. Lectus arcu bibendum at varius vel pharetra vel turpis nunc. Vel eros donec ac odio tempor orci. Ut diam quam nulla porttitor massa id.

Multiple Paragraph

Currently 2 - 3 paragraphs are possible, for 2 paragraphs add the class fillSampleP2 and for 3 paragraphs add the class fillSampleP3 to the tag <p class="fillSampleP2"> </p> Sample P2:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. At augue eget arcu dictum varius. Eu turpis egestas pretium aenean pharetra magna ac. Lectus arcu bibendum at varius vel pharetra vel turpis nunc. Vel eros donec ac odio tempor orci. Ut diam quam nulla porttitor massa id. Nulla facilisi cras fermentum odio eu. Ac tincidunt vitae semper quis. Morbi quis commodo odio aenean sed. Sit amet commodo nulla facilisi nullam. Ipsum dolor sit amet consectetur adipiscing elit. Malesuada fames ac turpis egestas integer eget aliquet nibh.

Egestas egestas fringilla phasellus faucibus scelerisque eleifend. Auctor augue mauris augue neque gravida. Ornare arcu odio ut sem nulla pharetra diam. Tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Volutpat sed cras ornare arcu dui vivamus arcu felis. Pulvinar etiam non quam lacus. Vestibulum sed arcu non odio euismod. Fermentum dui faucibus in ornare quam viverra. Quisque egestas diam in arcu cursus euismod. Blandit cursus risus at ultrices mi tempus imperdiet. Vestibulum rhoncus est pellentesque elit ullamcorper. In dictum non consectetur a erat nam at.

Sample P3:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. At augue eget arcu dictum varius. Eu turpis egestas pretium aenean pharetra magna ac. Lectus arcu bibendum at varius vel pharetra vel turpis nunc. Vel eros donec ac odio tempor orci. Ut diam quam nulla porttitor massa id. Nulla facilisi cras fermentum odio eu. Ac tincidunt vitae semper quis. Morbi quis commodo odio aenean sed. Sit amet commodo nulla facilisi nullam. Ipsum dolor sit amet consectetur adipiscing elit. Malesuada fames ac turpis egestas integer eget aliquet nibh.

Egestas egestas fringilla phasellus faucibus scelerisque eleifend. Auctor augue mauris augue neque gravida. Ornare arcu odio ut sem nulla pharetra diam. Tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Volutpat sed cras ornare arcu dui vivamus arcu felis. Pulvinar etiam non quam lacus. Vestibulum sed arcu non odio euismod. Fermentum dui faucibus in ornare quam viverra. Quisque egestas diam in arcu cursus euismod. Blandit cursus risus at ultrices mi tempus imperdiet. Vestibulum rhoncus est pellentesque elit ullamcorper. In dictum non consectetur a erat nam at.

Eget felis eget nunc lobortis mattis aliquam faucibus purus. Convallis aenean et tortor at. Senectus et netus et malesuada fames ac. Purus faucibus ornare suspendisse sed nisi lacus. Venenatis a condimentum vitae sapien pellentesque habitant morbi tristique. A lacus vestibulum sed arcu non. Aliquam purus sit amet luctus venenatis lectus magna fringilla urna. Aliquam faucibus purus in massa tempor nec feugiat nisl pretium. Duis convallis convallis tellus id interdum velit laoreet id donec. Sed tempus urna et pharetra pharetra. Ipsum dolor sit amet consectetur adipiscing elit. Odio morbi quis commodo odio aenean sed adipiscing diam. Velit ut tortor pretium viverra. Amet venenatis urna cursus eget nunc scelerisque. Phasellus vestibulum lorem sed risus. Faucibus purus in massa tempor nec feugiat nisl. Fames ac turpis egestas integer eget aliquet nibh. In mollis nunc sed id semper risus. Maecenas pharetra convallis posuere morbi leo.

Sample Images

Circle Image

Add the class fillSampleImageCircle to the image tag <img class="fillSampleImageCircle" src="">

Sqaure Image

Add the class fillSampleImageSquare to the image tag <img class="fillSampleImageSquare" src="">

Rectangle Image

Add the class fillSampleImageRectangle to the image tag <img class="fillSampleImageRectangle" src="">

Contact

Want to contribute to this project? check out the github repository for support contact at sahiljena46@gmail.com