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
-
Juno Computers Launches Another Linux Laptop
If you're looking for a powerhouse laptop that runs Ubuntu, the Juno Computers Neptune 17 v6 should be on your radar.
-
ZorinOS 17.1 Released, Includes Improved Windows App Support
If you need or desire to run Windows applications on Linux, there's one distribution intent on making that easier for you and its new release further improves that feature.
-
Linux Market Share Surpasses 4% for the First Time
Look out Windows and macOS, Linux is on the rise and has even topped ChromeOS to become the fourth most widely used OS around the globe.
-
KDE’s Plasma 6 Officially Available
KDE’s Plasma 6.0 "Megarelease" has happened, and it's brimming with new features, polish, and performance.
-
Latest Version of Tails Unleashed
Tails 6.0 is based on Debian 12 and includes GNOME 43.
-
KDE Announces New Slimbook V with Plenty of Power and KDE’s Plasma 6
If you're a fan of KDE Plasma, you'll be thrilled to hear they've announced a new Slimbook with an AMD CPU and the latest version of KDE Plasma desktop.
-
Monthly Sponsorship Includes Early Access to elementary OS 8
If you want to get a glimpse of what's in the pipeline for elementary OS 8, just set up a monthly sponsorship to help fund its continued existence.
-
DebConf24 to be Held in South Korea
Busan will be the location of the latest DebConf running July 28 through August 4
-
Fedora Unleashes Atomic Desktops
Fedora has combined its solid distribution with rpm-ostree system to make it possible to deliver a new family of Fedora spins, called Fedora Atomic Desktops.
-
Bootloader Vulnerability Affects Nearly All Linux Distributions
The developers of shim have released a version to fix numerous security flaws, including one that could enable remote control execution of malicious code under certain circumstances.