Simulate tab stops in a text block.
- 0.1.0
-
7.1
-
7.0
- Yes
- Squarespace plan that supports JavaScript.
-
Options
-
Page Specific
Use this option when you want only one Page to have this effect.
- Add code from file text block tab stops.html to Page Settings > Advanced > Page Header Code Injection for the Page. Refer to Per-page code injection for details.
-
Site-wide
Use this option when you want multiple Pages to have this effect.
- Add code from file text block tab stops.html to Website > Pages > Custom Code > Code Injection > FOOTER. Refer to Add code to code injection for details.
-
-
Read the code for any instructions within.
In your text block type \t where you want to create a tab stop effect. You must have a space character before and after the \t text. Type shift-return for a new line. If you have multiple lines like this they will be gathered together in one table tag. Typing a return of course creates a new paragraph. This means you can mix the tab stop effect with normal text as needed.
For example.
Lorem ipsum \t Odor amet, consectetuer adipiscing elit.
Augue justo \t Et consequat molestie, maximus habitant.
Primis facilisis \t Ligula volutpat nec bibendum faucibus?
Arcu per \t Venenatis nam efficitur viverra platea eleifend?
Iaculis malesuada \t Senectus vitae himenaeos ultrices sit.
Lorem ipsum odor amet, consectetuer adipiscing elit. Id proin luctus, sem ornare purus class facilisis orci. Hac potenti viverra sodales molestie massa sit. Morbi nibh ligula, lectus fringilla purus dui risus arcu mattis. Magna netus elementum amet arcu parturient facilisis fermentum. Convallis mus facilisi; nunc eleifend cubilia quis. Vehicula nibh molestie risus integer vehicula mattis imperdiet dis.
To create the tab stop effect the code uses a table tag.
You have to manually keep track of how many tabs you are using on each line. The code does not do this for you or fix things for you.
You can see a demo of this effect here.
Please consider making a donation.
-
2025-01-06
- initial version