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
-
Fedora Continues 32-Bit Support
In a move that should come as a relief to some portions of the Linux community, Fedora will continue supporting 32-bit architecture.
-
Linux Kernel 6.17 Drops bcachefs
After a clash over some late fixes and disagreements between bcachefs's lead developer and Linus Torvalds, bachefs is out.
-
ONLYOFFICE v9 Embraces AI
Like nearly all office suites on the market (except LibreOffice), ONLYOFFICE has decided to go the AI route.
-
Two Local Privilege Escalation Flaws Discovered in Linux
Qualys researchers have discovered two local privilege escalation vulnerabilities that allow hackers to gain root privileges on major Linux distributions.
-
New TUXEDO InfinityBook Pro Powered by AMD Ryzen AI 300
The TUXEDO InfinityBook Pro 14 Gen10 offers serious power that is ready for your business, development, or entertainment needs.
-
Danish Ministry of Digital Affairs Transitions to Linux
Another major organization has decided to kick Microsoft Windows and Office to the curb in favor of Linux.
-
Linux Mint 20 Reaches EOL
With Linux Mint 20 at its end of life, the time has arrived to upgrade to Linux Mint 22.
-
TuxCare Announces Support for AlmaLinux 9.2
Thanks to TuxCare, AlmaLinux 9.2 (and soon version 9.6) now enjoys years of ongoing patching and compliance.
-
Go-Based Botnet Attacking IoT Devices
Using an SSH credential brute-force attack, the Go-based PumaBot is exploiting IoT devices everywhere.
-
Plasma 6.5 Promises Better Memory Optimization
With the stable Plasma 6.4 on the horizon, KDE has a few new tricks up its sleeve for Plasma 6.5.