Highlight and Share Web Snippets with MASHA

Productivity Sauce
Bookmark sharing services are a dime a dozen nowadays, but what if you want to give your visitors the ability to share specific text snippets from a web page without relying on third-party services? Then MASHA (which stands for MArk and SHAre) is just the ticket. This nifty little tool provides a simple and elegant solution for highlighting text fragments on a web page and sharing them with other users.
Deploying is not particularly complicated, even if your web coding skills are not up to scratch. Grab the latest release of the software from the project's GitHub repository. If you have Git installed on your system, you can do that by executing the following command:
git clone https://github.com/SmartTeleMax/MaSha.git
Copy the src directory containing all MASHA's parts to your server (you might want to rename the directory to something more descriptive, e.g., masha). To enable MASHA on a specific web page, you need to add a few elements to it. First of all, insert the following code between the <head></head> tags:
<!--[IF IE]> <script type="text/javascript" src="ierange.js"></script> <![ENDIF]--> <script type="text/javascript" src="masha.js"></script> <link rel="stylesheet" type="text/css" href="masha.css"> <script type="text/javascript"> // if jQuery is not available if(window.addEventListener){ window.addEventListener('load', function(){ // can be called by domready MaSha.instance = new MaSha(); }, false); } else { window.attachEvent('onload', function(){ // can be called by domready MaSha.instance = new MaSha(); }); } // if jQuery available: $(document).ready(function() { MaSha.instance = new MaSha(); }); </script>
Make sure that all the links in the code point to the right files in the src directory. Next, you have to mark selectable content in the page using the <div id="selectable-content"></div> tags:
<div id="selectable-content"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p></div>
Finally, insert the code that enables the clear selection button somewhere at the bottom of the page:
<div id="upmsg-selectable"> <div class="upmsg-selectable-inner"> <img src="../src/img/textselect/upmsg_arrow.png" alt=""> <a href="#" class="upmsg_closebtn"></a> </div> </div>
That's all there is to it. Open the MASHA-enabled page in a browser, and select a text fragment. MASHS then automatically highlights the selection and generates a URL which you can share with other users. Besides simple highlighting functionality, MASHA has a few other handy features, including the ability to share a selection via Twitter, Facebook, and Google+. The source code distribution contains sample pages that demonstrate MASHA's more advanced functionality.
comments powered by DisqusSubscribe to our Linux Newsletters
Find Linux and Open Source Jobs
Subscribe to our ADMIN Newsletters
Support Our Work
Linux Magazine content is made possible with support from readers like you. Please consider contributing when you’ve found an article to be beneficial.

News
-
Ubuntu 25.04 Coming Soon
Ubuntu 25.04 (Plucky Puffin) has been given an April release date with many notable updates.
-
Gnome Developers Consider Dropping RPM Support
In a move that might shock a lot of users, the Gnome development team has proposed the idea of going straight up Flatpak.
-
openSUSE Tumbleweed Ditches AppArmor for SELinux
If you're an openSUSE Tumbleweed user, you can expect a major change to the distribution.
-
Plasma 6.3 Now Available
Plasma desktop v6.3 has a couple of pretty nifty tricks up its sleeve.
-
LibreOffice 25.2 Has Arrived
If you've been hoping for a release that offers more UI customizations, you're in for a treat.
-
TuxCare Has a Big AlmaLinux 9 Announcement in Store
TuxCare announced it has successfully completed a Security Technical Implementation Guide for AlmaLinux OS 9.
-
First Release Candidate for Linux Kernel 6.14 Now Available
Linus Torvalds has officially released the first release candidate for kernel 6.14 and it includes over 500,000 lines of modified code, making for a small release.
-
System76 Refreshes Meerkat Mini PC
If you're looking for a small form factor PC powered by Linux, System76 has exactly what you need in the Meerkat mini PC.
-
Gnome 48 Alpha Ready for Testing
The latest Gnome desktop alpha is now available with plenty of new features and improvements.
-
Wine 10 Includes Plenty to Excite Users
With its latest release, Wine has the usual crop of bug fixes and improvements, along with some exciting new features.