Forum Discussion
HTML Notepad for Rise
Hi, here’s a single-file HTML note editor for ‘Rise’ that:
- Is transparent (Rise controls the block background),
- Persists one “main” note across all lessons by default (same file/origin),
- Let’s the learner manually start a brand-new unique note with a button,
- And lets them switch between notes later (so they don’t lose the previous one).
How it behaves
- Global by default: Everyone starts on a single “Main note” (main) that persists across all lessons (since it’s the same file/origin).
- Start New Note: Clicking the button creates a brand-new unique note (timestamp+random ID), switches to it, and saves independently.
- Switch back anytime: Use the dropdown to switch between notes you’ve created. Each version is stored separately in localStorage.
- Safety: Nothing is deleted; each note keeps its own content.
This keeps a default “one perpetual note across lessons” behaviour, while giving learners (or you) a simple manual way to branch to a fresh, unique note whenever needed.
Instructions: just copy the code in the Word file below and paste into a Rise ‘Code Block’.
If you find it useful, let me know.
7 Replies
Love this JoeDey thanks so much, and I have just the project I could use this in. I guess the one killer feature I'd love to see is the ability for the user to save the notes.
Hi Chris, I've had a tinker with this and have come up with a primitive solution that will work in a Rise code block. I added a couple of buttons that allows the learner to select the text in the 'Current' or 'All' notes and copy them to the clipboard. These can then be pasted into a Word document. The D4 option below does this natively, but this particular code is purely for RISE.
I've also added some other refinements (visuals in the UI) as well as a scroll bar and some visual information to assist the learner. Everything is in the attached Word document. Just copy and paste into the Rise Code block.
Hope this helps you.
Hi Chris, good to hear you find this useful. In terms of being able to save the notes (and export them to Word) see the D4 file below. It's a Storyline file containing JavaScript so just import it into the Rise Storyline block. It has more advanced editing features too!
The D4 file contains an Execute JavaScript trigger but which can be used in Storyline projects. It also allows the learner to make and save multiple versions of their notes throughout the course and export on the fly all or some of them to a Word document.
It can be reused multiple times either in the same or different lessons/course and they are both persistent, so the learner does not lose their note when the course closes.
Grateful if you could let me know how you found them, and I would be happy to receive any feedback. Joe
Joe, thanks so much for sharing your work, I am excited to add to a course soon! D3 WORKED SLICK! 👋
I'm glad you liked it.
Here is an updated version.
This is really cool! I have a question but I know very little about coding so bear with me. I am wondering if there is any way to make the notepad run down the side of the lesson? So that as you scroll down in the lesson, you can still see your notepad? Our courses can be longer and the learner would have to scroll up or down quite a bit to keep taking notes in a particular lesson. Or, I'd have to paste a notepad in pretty frequently otherwise. I am sure this is a much more complicated thing than I realize, but figured I'd ask! Thank you for sharing it!
