Highlight and Share Web Snippets with MASHA
![Dmitri Popov Dmitri Popov](/var/linux_magazin/storage/images/online/blogs/productivity-sauce/275404-17-eng-US/Productivity-Sauce.png)
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.
![Learn More](https://www.linux-magazine.com/var/linux_magazin/storage/images/media/linux-magazine-eng-us/images/misc/learn-more/834592-1-eng-US/Learn-More_medium.png)
News
-
NVIDIA Released Driver for Upcoming NVIDIA 560 GPU for Linux
Not only has NVIDIA released the driver for its upcoming CPU series, it's the first release that defaults to using open-source GPU kernel modules.
-
OpenMandriva Lx 24.07 Released
If you’re into rolling release Linux distributions, OpenMandriva ROME has a new snapshot with a new kernel.
-
Kernel 6.10 Available for General Usage
Linus Torvalds has released the 6.10 kernel and it includes significant performance increases for Intel Core hybrid systems and more.
-
TUXEDO Computers Releases InfinityBook Pro 14 Gen9 Laptop
Sporting either AMD or Intel CPUs, the TUXEDO InfinityBook Pro 14 is an extremely compact, lightweight, sturdy powerhouse.
-
Google Extends Support for Linux Kernels Used for Android
Because the LTS Linux kernel releases are so important to Android, Google has decided to extend the support period beyond that offered by the kernel development team.
-
Linux Mint 22 Stable Delayed
If you're anxious about getting your hands on the stable release of Linux Mint 22, it looks as if you're going to have to wait a bit longer.
-
Nitrux 3.5.1 Available for Install
The latest version of the immutable, systemd-free distribution includes an updated kernel and NVIDIA driver.
-
Debian 12.6 Released with Plenty of Bug Fixes and Updates
The sixth update to Debian "Bookworm" is all about security mitigations and making adjustments for some "serious problems."
-
Canonical Offers 12-Year LTS for Open Source Docker Images
Canonical is expanding its LTS offering to reach beyond the DEB packages with a new distro-less Docker image.
-
Plasma Desktop 6.1 Released with Several Enhancements
If you're a fan of Plasma Desktop, you should be excited about this new point release.