Introduction
Articulate Review 360 is an excellent platform for reviewing and collecting feedback on eLearning courses. However, one limitation is that learners and reviewers cannot select or copy text displayed on course slides.
Click Preview to watch the how to Enable Text Selection in Articulate Review 360 Using JavaScript.
In this blog, you’ll learn how to enable text selection in Articulate Review 360 using a simple JavaScript snippet in Articulate Storyline 360.
Benefits of Enabling Text Selection
Enabling text selection is useful for:
- Faster proofreading and content review
- Quality assurance (QA) testing
- Simplified translation and localization projects
- Improved accessibility testing
- Regulatory and compliance documentation
- Copying technical terminology or course content
Requirements
Before you begin, ensure you have:
- Articulate Storyline 360
- Access to Articulate Review 360
- Basic knowledge of Storyline triggers
- Your JavaScript code ready
Step-by-Step Guide to Enable Text Selection in Articulate Review 360 Using JavaScript
Step 1: Open Your Storyline Project
Launch Articulate Storyline 360 and open the project where you want to enable text selection.
Step 2: Check the Default Behavior
Preview your course and try selecting text on any slide. You’ll notice that the text cannot be highlighted or copied. This is the default behavior in Review 360.
Step 3: Open the Slide Master
Go to View → Slide Master.
Adding the JavaScript to the Slide Master ensures the customization applies to every slide in your course.
Step 4: Create a JavaScript Trigger
Create a new trigger with the following settings:
- Action: Execute JavaScript
- When: Timeline Starts
Step 5: Add the JavaScript Code
- Open the JavaScript editor and paste your script.
- Save the trigger and close the Slide Master.
document.querySelectorAll(‘svg text’).forEach(el =>
Object.assign(el.style, {
pointerEvents: ‘auto’,
userSelect: ‘text’
})
);
document.addEventListener(‘contextmenu’, e => e.stopPropagation(), true);
Step 6: Publish to Articulate Review 360
- Publish your project to Review 360.
- Once publishing is complete, open the Review 360 link.
Step 7: Verify the Result
Try selecting text on any slide.
If the JavaScript has been added correctly, you’ll be able to:
- Highlight text
- Copy selected content
- Paste it into Notepad, Microsoft Word, or another text editor
The course interactions remain unchanged while text selection is now enabled.
Best Practices
- Add the JavaScript in the Slide Master so it applies to all slides.
- Test the published course in Review 360 before sharing it with reviewers.
- Verify that interactive objects continue to function as expected.
- Document custom JavaScript for future maintenance.
Frequently Asked Questions (FAQs)
Why can’t I select text in Articulate Review 360?
By default, Articulate Review 360 disables text selection to prevent accidental highlighting during course interactions. As a result, users cannot highlight or copy text from published courses.
Does enabling text selection affect course functionality?
No. Enabling text selection only allows users to highlight and copy text. It does not affect course navigation, animations, quizzes, or other interactive features.
Is JavaScript knowledge required to use this solution?
No. You only need to copy and paste the JavaScript code into an Execute JavaScript trigger. No advanced programming skills are required.
Can users copy text after enabling this JavaScript?
Yes. Once the JavaScript is added and the course is published, users can select, copy, and paste text into applications such as Notepad, Microsoft Word, or other text editors.
What are the benefits of adding JavaScript to Storyline 360?
JavaScript allows you to customize Storyline courses beyond the built-in features. You can add custom functionality, improve the user experience, automate tasks, and create more interactive eLearning content.
