This page provides additional information and examples to explain the usage of Textpage.net.
Textpage.net creates a simple web page. Everyone who knows a unique link can read and (if allowed) edit it. Create brainstorming texts, to do lists, a static page, surveys etc! No registration needed, totally anonymous! See an example.
Scroll through the articles below (or choose from the categeries above) to get some ideas and detailed instructions for building your own site.
Questions? Write a short mail to Frank Dux. Created April 2021.
You can integrate content from your Dropbox account into a block. This is a bit difficult, but manageable. Let’s do it step by step.
Log in to Dropbox and choose files
Log in to your Dropbox account and choose the file or folder you want to share. It’s best to put your files into a separate folder, e.g. the photos you want to share. On the right side of the screen you can share a file or folder; create the sharing link. It looks similar to this: https://www.dropbox.com/sh/b5x52plnsl738z1/AADKZ8NBNZfaj6Ikqnrxql8Ua?dl=0
Create an App
You need to create an “App” within Dropbox to allow access from other websites (such as 9blox.com). Go to the Drobox Embedder page at https://www.dropbox.com/developers/embedder
Ensure that you are logged in to Dropbox.
You need to click on Create new app. No fear now; you need only a few settings:
Choose the “Scoped access” API
Choose the “App folder” type of access
Give it any name
Enter “9blox.com” in the “Chooser / Saver / Embedder domains”
In the permissions tab, choose read access for account info and files.content.
The rest is irrelevant. Don’t forget to submit your changes on each tab
On the embedder page https://www.dropbox.com/developers/embedder you can now choose your new App from the dropdown box. There is a line of code (“embed code”) directly underneath it, already prefilled with your API key. Select it.
Now you have two lines of code:
the embed code from the App
the sharing link from the first step
Add a block to 9blox.com
Go to your page at 9blox.com and add an iFrame/HTML block.
Paste your two lines in there: first the embed code, then the sharing link. It should look like this:
Adjust the “data-width” to “320px”, or to “100%” in case you want to use double width on that block. Click on “Save”. That’s it.
This link will share the whole sheet but obviously you don’t want to do that; you want to share a specific cell. You have to extract the key, which is the part after the second slash and before the next slash – marked in bold above:
You will need this link at Textpage.net.
Also note down the ID of the cell you want to share, e.g. “G2”.
If you want your chart to be publicly visible, you’ll have to change the sharing preferences.
Change your sharing preferences
To change the sharing preferences, click on the Share button in the top right corner of Google Sheets.
In the pop-up modal, click on the “Advanced” link, then “Change” to set who will have access to your chart, and then “On — Public on the web” option to make it public.
If you cannot find that in your Google Sheets version, create a public link in the “Publish” dialog.
You also need to go to the File menu and “publish” the sheet to the web.
Use the key and the range in a number block
You now have a key and a range to add to your Textpage. This will be displayed in a separate block and it will update when you change your data within Google Sheets. Choose the “Number (Value from Drive)” block type and enter:
A text you want to display at the top of the block (can be left empty)
The key for your Google Sheet which you extracted above.
The range of the cell you want to display
Enter these values into the block and click on Save. That’s all.
This link will share the whole sheet but obviously you don’t want to do that; you want to share a specific chart.
Paste your link into a text editor where you can change it.
Replace the “edit#” part in the url with: htmlembed/sheet?
Next, get the cell number where your chart is and add it in the following format to the end of the url: &range=B8 If you don’t know what the cell number for your chart is, just cut and paste the chart in any cell. That will be the cell you’ll use. The chart mentioned above is at B8 as you can see.
The width of the diagram will depend on the width of the diagram in your Google Sheet; you can resize the diagram there. Choose a size that fits into a textblock (about 340 Pixel). Stating 100% is most often correct.
The height should reflect the height of your diagram in Google; play around with different values to avoid scrollbars.
Then enter this piece of code into the text block and click on Save. That’s all.
You can add a block which displays the upcoming events (for the next month) of a public Google calendar. Use this for example to display upcoming events, availabilities of a venue or for similar ideas.
Get the calendar ID from your Google calendar
First of all, you need a Google account. If you do not have one already, create it here. Then you need a calendar. You may want to create a separate (new) calendar for sharing (and not use your own private Google calendar)
Open your Google calendar. Then go to the calendar list on the left side and choose the options (via the three vertical dots) of your calendar (in this example called “Text Page”).
Click on the three dots and choose “Settings and sharing”
The calendar settings will be displayed.
You need to set your calendar to public. Careful: This means that everyone who knows the link to your public calendar can see all events and all event details!
Then scroll down and copy the calendar ID.
Embed your calendar to Textpage.net
In your page at Textpage.net, add a new block of type “calendar integration block”.
Then add the public Google calendar’s ID, e.g. email@example.com
Click on “Save”. Your page at Textpage.net will extract the data from your public calendar and display all upcoming events (up to one month ahead from today).
If you want to stop sharing, either remove that block at Textpage.net or set your calendar in Google to “private”.
Enter your Google account; there enter your calender. Create a new appointment; the headline (title of the appointment), date, location and description will show up in your Textpage.net page. Ensure that you add your appointments to the correct (public) calendar in Google when you have more than one calendar! Typically different calendars use different colours.