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 DisqusIssue 41: Linux Shell Handbook 2021 Edition/Special Editions
Buy this issue as a PDF
News
-
Apple M1 Hardware Support to be Merged into Linux Kernel 5.13
Linux users will be able to install their favorite distribution on Appleās M1-based hardware.
-
KDE Launches the Qt 5 Patch Collection
To support and maintain a stable Qt 5 for KDE Gears and Frameworks, KDE will maintain a patch collection.
-
Linux Creator Warns Next Kernel Could be Delayed
Linus Torvalds has issued concern about the size of kernel 5.12 and possible delays for its release.
-
System76 Updates its Pangolin Laptop
System76 has released a much-anticipated AMD version of their most popular laptop, the Pangolin.
-
New Debian-Based Distribution Arrives on the Market
TelOS is a new Debian-based Linux distribution with a customized, touch-screen-ready KDE Plasma 5 desktop.
-
System76 Releases New Thelio Desktop
One of the most ardent supporters of open source hardware has released a new desktop machine for home or office.
-
Mageia 8 Now Available with Linux 5.10 LTS
The latest release of Mageia includes improved graphics support for both AMD and NVIDIA GPUs.
-
GNOME 40 Beta has been Released
Anyone looking to test the beta for the upcoming GNOME 40 release can now do so.
-
OpenMandriva Lx 4.2 has Arrived
The latest stable version of OpenMandriva has been released and offers the newest KDE desktop and ARM support.
-
Thunderbird 78 Ported to Ubuntu 20.04
The Ubuntu developers have made the decision to port the latest release of Thunderbird to the LTS version of the platform.