[github/shaarli/Shaarli.git] / doc / Sharing-button.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="generator" content="pandoc">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
  <title>Shaarli – Sharing button</title>
  <style type="text/css">code{white-space: pre;}</style>
  <link rel="stylesheet" href="github-markdown.css">
  <!--[if lt IE 9]>
    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
  <![endif]-->
</head>
<body>
<div id="local-sidebar">
<ul>
<li><a href="Home.html">Home</a></li>
<li>Installation
<ul>
<li><a href="Download.html">Download</a></li>
<li><a href="Server-requirements.html">Server requirements</a></li>
<li><a href="Server-configuration.html">Server configuration</a></li>
<li><a href="Server-security.html">Server security</a></li>
<li><a href="Shaarli-installation.html">Shaarli installation</a></li>
<li><a href="Shaarli-configuration.html">Shaarli configuration</a></li>
<li><a href="Plugins.html">Plugins</a></li>
</ul></li>
<li><a href="Docker.html">Docker</a></li>
<li><a href="Usage.html">Usage</a>
<ul>
<li><a href="Sharing-button.html">Sharing button</a> (bookmarklet)</li>
<li><a href="Browsing-and-Searching.html">Browsing and Searching</a></li>
<li><a href="Firefox-share.html">Firefox share</a></li>
<li><a href="RSS-feeds.html">RSS feeds</a></li>
</ul></li>
<li>How To
<ul>
<li><a href="Backup,-restore,-import-and-export.html">Backup, restore, import and export</a></li>
<li><a href="Upgrade-from-original-sebsauvage/Shaarli.html">Upgrade from original sebsauvage/Shaarli</a></li>
<li><a href="Copy-an-existing-installation-over-SSH-and-serve-it-locally.html">Copy an existing installation over SSH and serve it locally</a></li>
<li><a href="Create-and-serve-multiple-Shaarlis-(farm).html">Create and serve multiple Shaarlis (farm)</a></li>
<li><a href="Download-CSS-styles-from-an-OPML-list.html">Download CSS styles from an OPML list</a></li>
<li><a href="Datastore-hacks.html">Datastore hacks</a></li>
</ul></li>
<li><a href="Troubleshooting.html">Troubleshooting</a></li>
<li><a href="Development.html">Development</a>
<ul>
<li><a href="GnuPG-signature.html">GnuPG signature</a></li>
<li><a href="Coding-guidelines.html">Coding guidelines</a></li>
<li><a href="Directory-structure.html">Directory structure</a></li>
<li><a href="3rd-party-libraries.html">3rd party libraries</a></li>
<li><a href="Plugin-System.html">Plugin System</a></li>
<li><a href="Release-Shaarli.html">Release Shaarli</a></li>
<li><a href="Security.html">Security</a></li>
<li><a href="Static-analysis.html">Static analysis</a></li>
<li><a href="Theming.html">Theming</a></li>
<li><a href="Unit-tests.html">Unit tests</a></li>
</ul></li>
<li>About
<ul>
<li><a href="FAQ.html">FAQ</a></li>
<li><a href="Community-&amp;-Related-software.html">Community &amp; Related software</a></li>
<li><a href="TODO.html">TODO</a></li>
</ul></li>
</ul>
</div>
<h1 id="sharing-button">Sharing button</h1>
<h3 id="add-the-sharing-button-bookmarklet-to-your-browser">Add the sharing button (<em>bookmarklet</em>) to your browser</h3>
<ul>
<li>Open your Shaarli and <code>Login</code></li>
<li>Click the <code>Tools</code> button in the top bar</li>
<li>Drag the <strong><code>✚Shaare link</code> button</strong>, and drop it to your browser's bookmarks bar.</li>
</ul>
<p><em>This bookmarklet button is compatible with Firefox, Opera, Chrome and Safari. Under Opera, you can't drag'n drop the button: You have to right-click on it and add a bookmark to your personal toolbar.</em></p>
<p><embed src="(images/bookmarklet.png).html" /></p>
<h3 id="share-links-using-the-bookmarklet">Share links using the <em>bookmarklet</em></h3>
<ul>
<li>When you are visiting a webpage you would like to share with Shaarli, click the <em>bookmarklet</em> you just added.</li>
<li>A window opens.</li>
<li>You can freely edit title, description, tags... to find it later using the text search or tag filtering.</li>
<li>You will be able to edit this link later using the <embed src="(https://raw.githubusercontent.com/shaarli/Shaarli/master/images/edit_icon.png)-edit-button..html" /></li>
<li>You can also check the “Private” box so that the link is saved but only visible to you.</li>
<li>Click <code>Save</code>.<strong>Voilà! Your link is now shared.</strong></li>
</ul>
<h3 id="troubleshooting-the-bookmarklet-doesnt-work-with-a-few-website-e.g.-github.com">Troubleshooting: The bookmarklet doesn't work with a few website (e.g. Github.com)</h3>
<p>Websites which enforce Content Security Policy (CSP), such as github.com, disallow usage of bookmarklets. Unfortunatly, there is nothing Shaarli can do about it.</p>
<p>See <a href="https://github.com/shaarli/Shaarli#196">#196</a>.<a href=".html"></a></p>
<p>There is an open bug for both Firefox and Chromium:</p>
<ul>
<li><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=866522" class="uri">https://bugzilla.mozilla.org/show_bug.cgi?id=866522</a></li>
<li><a href="https://code.google.com/p/chromium/issues/detail?id=233903" class="uri">https://code.google.com/p/chromium/issues/detail?id=233903</a></li>
</ul>
</body>
</html>
Commit	Line	Data
	1	<!DOCTYPE html>
	2	<html>
	3	<head>
	4	<meta charset="utf-8">
	5	<meta name="generator" content="pandoc">
	6	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
	7	<title>Shaarli – Sharing button</title>
	8	<style type="text/css">code{white-space: pre;}</style>
	9	<link rel="stylesheet" href="github-markdown.css">
	10	<!--[if lt IE 9]>
	11	<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
	12	<![endif]-->
	13	</head>
	14	<body>
	15	<div id="local-sidebar">
	16	<ul>
	17	<li><a href="Home.html">Home</a></li>
	18	<li>Installation
	19	<ul>
	20	<li><a href="Download.html">Download</a></li>
	21	<li><a href="Server-requirements.html">Server requirements</a></li>
	22	<li><a href="Server-configuration.html">Server configuration</a></li>
	23	<li><a href="Server-security.html">Server security</a></li>
	24	<li><a href="Shaarli-installation.html">Shaarli installation</a></li>
	25	<li><a href="Shaarli-configuration.html">Shaarli configuration</a></li>
	26	<li><a href="Plugins.html">Plugins</a></li>
	27	</ul></li>
	28	<li><a href="Docker.html">Docker</a></li>
	29	<li><a href="Usage.html">Usage</a>
	30	<ul>
	31	<li><a href="Sharing-button.html">Sharing button</a> (bookmarklet)</li>
	32	<li><a href="Browsing-and-Searching.html">Browsing and Searching</a></li>
	33	<li><a href="Firefox-share.html">Firefox share</a></li>
	34	<li><a href="RSS-feeds.html">RSS feeds</a></li>
	35	</ul></li>
	36	<li>How To
	37	<ul>
	38	<li><a href="Backup,-restore,-import-and-export.html">Backup, restore, import and export</a></li>
	39	<li><a href="Upgrade-from-original-sebsauvage/Shaarli.html">Upgrade from original sebsauvage/Shaarli</a></li>
	40	<li><a href="Copy-an-existing-installation-over-SSH-and-serve-it-locally.html">Copy an existing installation over SSH and serve it locally</a></li>
	41	<li><a href="Create-and-serve-multiple-Shaarlis-(farm).html">Create and serve multiple Shaarlis (farm)</a></li>
	42	<li><a href="Download-CSS-styles-from-an-OPML-list.html">Download CSS styles from an OPML list</a></li>
	43	<li><a href="Datastore-hacks.html">Datastore hacks</a></li>
	44	</ul></li>
	45	<li><a href="Troubleshooting.html">Troubleshooting</a></li>
	46	<li><a href="Development.html">Development</a>
	47	<ul>
	48	<li><a href="GnuPG-signature.html">GnuPG signature</a></li>
	49	<li><a href="Coding-guidelines.html">Coding guidelines</a></li>
	50	<li><a href="Directory-structure.html">Directory structure</a></li>
	51	<li><a href="3rd-party-libraries.html">3rd party libraries</a></li>
	52	<li><a href="Plugin-System.html">Plugin System</a></li>
	53	<li><a href="Release-Shaarli.html">Release Shaarli</a></li>
	54	<li><a href="Security.html">Security</a></li>
	55	<li><a href="Static-analysis.html">Static analysis</a></li>
	56	<li><a href="Theming.html">Theming</a></li>
	57	<li><a href="Unit-tests.html">Unit tests</a></li>
	58	</ul></li>
	59	<li>About
	60	<ul>
	61	<li><a href="FAQ.html">FAQ</a></li>
	62	<li><a href="Community-&-Related-software.html">Community & Related software</a></li>
	63	<li><a href="TODO.html">TODO</a></li>
	64	</ul></li>
	65	</ul>
	66	</div>
	67	<h1 id="sharing-button">Sharing button</h1>
	68	<h3 id="add-the-sharing-button-bookmarklet-to-your-browser">Add the sharing button (<em>bookmarklet</em>) to your browser</h3>
	69	<ul>
	70	<li>Open your Shaarli and <code>Login</code></li>
	71	<li>Click the <code>Tools</code> button in the top bar</li>
	72	<li>Drag the <strong><code>✚Shaare link</code> button</strong>, and drop it to your browser's bookmarks bar.</li>
	73	</ul>
	74	<p><em>This bookmarklet button is compatible with Firefox, Opera, Chrome and Safari. Under Opera, you can't drag'n drop the button: You have to right-click on it and add a bookmark to your personal toolbar.</em></p>
	75	<p><embed src="(images/bookmarklet.png).html" /></p>
	76	<h3 id="share-links-using-the-bookmarklet">Share links using the <em>bookmarklet</em></h3>
	77	<ul>
	78	<li>When you are visiting a webpage you would like to share with Shaarli, click the <em>bookmarklet</em> you just added.</li>
	79	<li>A window opens.</li>
	80	<li>You can freely edit title, description, tags... to find it later using the text search or tag filtering.</li>
	81	<li>You will be able to edit this link later using the <embed src="(https://raw.githubusercontent.com/shaarli/Shaarli/master/images/edit_icon.png)-edit-button..html" /></li>
	82	<li>You can also check the “Private” box so that the link is saved but only visible to you.</li>
	83	<li>Click <code>Save</code>.<strong>Voilà! Your link is now shared.</strong></li>
	84	</ul>
	85	<h3 id="troubleshooting-the-bookmarklet-doesnt-work-with-a-few-website-e.g.-github.com">Troubleshooting: The bookmarklet doesn't work with a few website (e.g. Github.com)</h3>
	86	<p>Websites which enforce Content Security Policy (CSP), such as github.com, disallow usage of bookmarklets. Unfortunatly, there is nothing Shaarli can do about it.</p>
	87	<p>See <a href="https://github.com/shaarli/Shaarli#196">#196</a>.<a href=".html"></a></p>
	88	<p>There is an open bug for both Firefox and Chromium:</p>
	89	<ul>
	90	<li><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=866522" class="uri">https://bugzilla.mozilla.org/show_bug.cgi?id=866522</a></li>
	91	<li><a href="https://code.google.com/p/chromium/issues/detail?id=233903" class="uri">https://code.google.com/p/chromium/issues/detail?id=233903</a></li>
	92	</ul>
	93	</body>
	94	</html>