TBX 5CS Lesson: Creating a Single HTML File with Functioning Internal Links
| Level | Intermediate |
| Published Date | 2/18/25 |
| Type | Lesson |
| Tags | .each(), Action Code, Draft Creation, Export As Single File, Export Code, HTML Anchor, HTML ID Element, RegEx, Regular Expression, Versioning, W3c School, exportasString, 5CKM, 5Cs of Knowledge Management, Eastgate, Identiy Praxis, Inc., Mark Berstein, Michael Becker, Tinderbox |
| Video Length | 16:02 |
| Video URL | https://youtu.be/CM9o442FkiE |
| Example File | 5Cs_Becker_InternalAnchorsTemplateR1.tbx (297.9 KB) |
| TBX Version | 10 |
| Instructor | Michael Becker |
This 5Cs Tinderbox lesson was inspired by Tim Nevits’s (@LittleHouse75) Tinderbox Forum post Links and Single Page HTML Export. Tim was looking to find a way for Tinderbox to export a collection of Tinderbox notes as a standalone HTML file and for any internally linked notes (a.k.a., internal link or fragment identifier) within this file to navigate the file rather than attempting to link out to an external file. In other words, he needed to find a way to cover the anchor tags from an external link to an internal ID element anchor. Luckily, with Tinderbox action code, this is quite easy to do. In this lesson, I used Tinderbox action code within templates to transform the note names into HTML id elements and anchor links into internal anchor links. I also used action code to produce a simple draft versioning workflow (note: in other lessons, I have an advanced draft versioning workflow).
Tinderbox Community and the 5Cs Of Knowledge Management: Mastering Tinderbox Courses and Templates
If you’ve been a Tinderbox user for years or just getting started and want to fast-track your use of Tinderbox, you might consider taking one of my Tinderbox courses: Homepage | 5Cs of Knowledge Management (there are also templates available). Here’s a 10% YouTube discount code: YTMASTERINGTINDERBOX.