Quick Links Plugin

I don't think it should be part of this plugin.
But maybe @CalebJohn would consider it for his Rich Markdown plugin?

The command to go back is already there, you just need to add a shortcut for it beacuse it's not set by default.

Thanks, I found that and bind this to ctrl+o. This makes me fell so good~

I've actually already implemented it in the Rich Markdown plugin, but I'm waiting for a full v1.8 release to enable it. It depends on some features that aren't available yet and i don't want to force all the plugin users to upgrade to a pre-release.

3 Likes

This plugin is incredibly useful for me. The double @ interface is just a perfect way to implement it - no need to memorize another keyboard shortcut. Thank you!

Nice! This will definitely make my life a lot easier and make my notes into a connected knowledge net. Thanks a lot.

Can I link anchor use this plugin?

I often want to link some example to a concept, I hope I could put the example at the bottom of the note, but somehow I want to click the concept then jump to the location of the examples.

  • Like, I recently learning bash, and I make some notes, and I hope to organize notes in this way.
  - Table 7-2. Combining expressions 
    - `[ ! EXPR ]`  True if  EXPR  is false. 
    - `[ ( EXPR ) ]` Returns the value of  EXPR .  This may be used to override the normal precedence of operators. 
    - `[ EXPR1 -a EXPR2 ]` True if both  EXPR1  and  EXPR2  are true. [Anchor Link here, click to jump to the example]
    - `[ EXPR1 -o EXPR2 ]` True if either  EXPR1  or  EXPR2  is true.  

------- some other text -------

## Example

- Anchor of the example
   `example code`

Do you want to create a link not to a note but to an anchor within a note? It's not supported right now and I am not sure if I will ever add it.

Often when I type @@, it would be nice to see the most recently viewed notes at the top. I believe the plugin shows the most recently updated notes.

Would it be possible, perhaps with a user option, to show the most recently viewed notes? Since all updated notes were also viewed, it would be unnecessary to separately handle those if the option was selected.

EDIT: I realized with sync, and with other plugins, notes could be updated that were not viewed. My suggestion if this option were enabled, would be to show the set of both: recently updated and recently viewed.

It's doable but the list of recently viewed notes, even if available, is not visible to plugins, so the plugin must keep track of this.

4 posts were split to a new topic: Combining plugins

Here, I have a strange behavior. I don't know why some of my notes have timestamp in the future. It imply. When typing @@, I see those notes that have timestamp in the future. I don't know if I can fix timestamp. Modifying them would work but I have quite a lot of notes with this problem of a modification date in the future. I will open a topic for that.

I'm not sure what you mean, can you post a screenshot? The plugin has nothing to do with timestamps and it should not show them in the popup at all.

The plugin does not show the 10 most recently edited notes first?

Yes, it does. But how do you know the timestamps are in the future?

I just solved my problem. [solved] How to modify notes timestamp - #2 by manouchk

My life just improved a little bit now!! :smiley:

By the way @ roman_r_m I guessed that some notes have timestamps in the future because the first note that appeared with the quick links plugin was never the last note.

1 Like

Hello, I'm a novice in HTML.
When I use your plug-in to create a link in HTML mode, it must leave a blank line before using it.
But the link that appears in this way becomes a markdown link. In HTML, a problem is displayed because there are empty lines.
建立连接后显示错误-2-2021-11-15 13-45-25

I want to ask, is there any good solution?
For example, how to set CSS? Or can you convert the established link into HTML and recognize the form used?
Because when I used < img src = ": / *********************" > before, it can link (or read) the pictures in other notes. I think it can link to notes in a similar way.
I think this should not only be the reason for the plug-in function, but also the official method of use given by Joplin, but I didn't find it, and I don't know where to ask. Just ask here.
Thank you in advance. The experts who know can give answers.

The plugin only creates markdown links, not HTML, and generally mixing the 2 isn't straightforward. I think this is where the blank line requirement comes from.

If you want HTML links you'd have to enter them yourself. You can check the required format by using dev tools and checking how markdown links are represented in HTML.

Thank you very much for your timely and helpful suggestions. I checked the developer mode according to what you said.
As you said, it's not simple, because it involves JS. But the markdwon editor doesn't seem to support JS.
So I changed it with my childish level of HTML writing. The result is:
建立连接后修复错误-2-2021-11-15 13-45-25
It only needs to keep the blank line before the first link.
I'll post the code now, and those who are interested can be inspired.

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>pure css flat design dropdown mega menu</title>
	<style>
		body {
			font: 300 86% helvetica, arial, sans-serif;
			color: #000;
			background: #fff;
		}
		header {
			width: 980px;
			height: 0;
			font-size: 0em;
			line-height: 0px;
			color: #222;
			margin: 0 auto;
		}
		#wrapper {
			width: 980px;
			min-height: 600px;
			margin: 0 auto;
		}
		nav {
			position: relative;
			width: 1020px;
			height: 50px;
			margin: 0 auto;
			background: #8dc63f;
		}
		header,
		nav {
			display: block;
		}
		nav ul#menu {
			display: inline-block;
			margin: 0;
			padding: 0;
			list-style: none;
			font-size: 0;/*这个为了清除加入Markdown后出现的空行错误而添加,配合子元素中的font-size: X*/
    		display: flex;/*这个把列表由竖转平排列的*/
		}
		nav ul#menu li {
			position: relative;
			display: inline-block;/*这个将Markdown元素变为行内的块元素*/
			font-size: 20px;/*这个为了清除加入Markdown后出现的空行错误而添加,配合父元素中的font-size: 0*/
			top:-15px;/*这个是加入Markdown之后,需要调整的高度*/
			flex-shrink: 0;/*这个保证列表不会出格的*/
		}
		nav ul#menu li a {
			display:inline;
			height: 50px;
			font-size: 1em;
			line-height: 50px;
			color: #fff;
			text-decoration: none;
			padding: 0 15px;
		}
		nav ul#menu li a:hover,
		nav ul#menu li:hover>a {
			background: #333;
            float: left;/*这个是让背景填满盒子*/
		}
		nav ul#menu li:hover>#mega {
			display: block;
		}
		#mega {
			position: absolute;
			top: 100%;
			left: 0;
			width: 960px;
			height: auto;
			padding: 20px 30px;
			background: #333;
			display: none;/*隐藏下拉列表*/
		}
		ul#menu ul {
			float: left;
			width: 23%;
			margin: 0 2% 15px 0;
			padding: 0;
			list-style: none;
		}
		ul#menu ul li {
			display: block;
		}
		ul#menu ul li a {
			float: left;
			display: block;
			width: 100%;
			height: auto;
			line-height: 1.3em;
			color: #888;
			text-decoration: none;
			padding: 6px 0;
		}
		ul#menu ul li:first-child a {
			font-size: 1.2em;
			color: #8dc63f;
		}
		ul#menu ul li a:hover {
			color: #fff;
			background: none;
		}
		ul#menu ul li:first-child a:hover {
			color: #fff;
		}
		/* clearfix */
		nav ul:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
		}
		nav ul {
			display: inline-block;
		}
		html[xmlns] nav ul {
			display: block;
		}
		* html nav ul {
			height: 1%;
		}
		#content {
			padding: 30px 0;
		}
	</style>
</head>
<body>
	<!-- begin header -->
	<header><a href="#">

[](:/ec6c01a6673645f4b65d09e9912b9287)</a>
	</header><!-- /header -->
	<!-- begin wrapper -->
	<div id="wrapper">
		<div style="margin: 20px auto; margin-bottom: 0px;">
			<a href="http://www.100sucai.com/" target="_blank"><img src="100sucai.png" alt=""></a>
		</div>
		<!-- begin nav -->
		<nav>
			<ul id="menu">
				<li><a href="#">[导航栏-1](:/ec6c01a6673645f4b65d09e9912b9287)</a>
					<div id="mega">
						<ul>
							<li><a href="#">[第一类](:/6506996fcbb3416b8efb2e9fccaae780)</a></li>
							<li><a href="#">Windows Desktop Computers</a></li>
							<li><a href="#">iMacs</a></li>
							<li><a href="#">Laptops &amp; Macbooks</a></li>
							<li><a href="#">Monitors</a></li>
							<li><a href="#">Software &amp; Accessories</a></li>
						</ul>
						<ul>
							<li><a href="#">[第二类](:/ec6c01a6673645f4b65d09e9912b9287)</a></li>
							<li><a href="#">Plasma TVs</a></li>
							<li><a href="#">LCD TVs</a></li>
							<li><a href="#">LED TVs</a></li>
							<li><a href="#">Portable TVs</a></li>
							<li><a href="#">Accessories</a></li>
						</ul>
						<ul>
							<li><a href="#">Home Appliances</a></li>
							<li><a href="#">Vacuum Cleaners</a></li>
							<li><a href="#">Kitchenware</a></li>
							<li><a href="#">Lighting</a></li>
							<li><a href="#">Air Conditioners</a></li>
							<li><a href="#">Chamberpots</a></li>
						</ul>
						<ul>
							<li><a href="#">Entertainment</a></li>
							<li><a href="#">Movies</a></li>
							<li><a href="#">DVD &amp; Blu-Ray Players</a></li>
							<li><a href="#">CDs</a></li>
							<li><a href="#">Home Stereos</a></li>
							<li><a href="#">Etch-A-Sketches</a></li>
						</ul>
						<ul>
							<li><a href="#">Home Furnishings</a></li>
							<li><a href="#">Sofas &amp; Love Seats</a></li>
							<li><a href="#">Reclining Chairs</a></li>
							<li><a href="#">Lamps &am; Tables</a></li>
							<li><a href="#">Dressers &amp; Armoires</a></li>
							<li><a href="#">Flooring</a></li>
						</ul>
						<ul>
							<li><a href="#">Office Furnishings</a></li>
							<li><a href="#">Workspaces</a></li>
							<li><a href="#">Tables</a></li>
							<li><a href="#">Chairs</a></li>
							<li><a href="#">Shelving &amp; Storage</a></li>
							<li><a href="#">Lighting</a></li>
						</ul>
						<ul>
							<li><a href="#">Clothing</a></li>
							<li><a href="#">Women's Fashions</a></li>
							<li><a href="#">Men's Wear</a></li>
							<li><a href="#">Children's Wear</a></li>
							<li><a href="#">Footwear</a></li>
							<li><a href="#">Hats-A-Plenty!</a></li>
						</ul>
						<ul>
							<li><a href="#">The Avengers</a></li>
							<li><a href="#">Tony "Iron Man" Stark</a></li>
							<li><a href="#">Bruce "Hulk" Banner</a></li>
							<li><a href="#">Steve Rogers (Captain America)</a></li>
							<li><a href="#">Natasha Romanoff (Black Widow)</a></li>
							<li><a href="#">Hawkeye, I guess</a></li>
						</ul>
					</div></li>
				<li><a href="#">[导航栏-2](:/ec6c01a6673645f4b65d09e9912b9287)</a></li>
				<li><a href="#">[导航栏-3](:/ec6c01a6673645f4b65d09e9912b9287)</a></li>
				<li><a href="#">[导航栏-4](:/ec6c01a6673645f4b65d09e9912b9287)</a></li>
				<li><a href="#">[导航栏-5](:/ec6c01a6673645f4b65d09e9912b9287)</a></li>
				<li><a href="#">[导航栏-6](:/ec6c01a6673645f4b65d09e9912b9287)</a></li>
			</ul>
		</nav><!-- /nav -->
		<div id="content">
			<p>Page content...</p>
		</div>
	</div><!-- /wrapper -->
</body>
</html>

Been using Joplin for a little while now and this plugin is one of the things I use all the time. Thank you!

1 Like

First of all, I love this plugin and use it every day. One thing I've noticed is that I need to edit the link text almost every time after I add a link, to add more context to the links. It would be very useful to have an option to always select the link text after adding link. It could be a toggle in options.

1 Like