Create Link: Difference between revisions

From LemonWiki共筆
Jump to navigation Jump to search
No edit summary
 
(25 intermediate revisions by the same user not shown)
Line 1: Line 1:
瀏覽器擴充套件 [https://addons.mozilla.org/en-US/firefox/addon/make-link/ Make Link] for {{Fx}} 或 [https://chrome.google.com/extensions/detail/gcmghdmnkfdbncmnmlkkglmnnhagajbm Create Link] for {{Chrome}} 提供便利的方式,可以快速方便擷取網頁標題、網址及選取的段落文字等資訊到系統剪貼簿。
瀏覽器擴充套件 [https://chrome.google.com/extensions/detail/gcmghdmnkfdbncmnmlkkglmnnhagajbm Create Link] for {{Chrome}} 提供便利的方式,可以快速方便擷取網頁標題、網址及選取的段落文字等資訊到系統剪貼簿。


例如:寫Blog要加入外部網頁的連結時,在網頁按右鍵點選 MakeLink 選單,除了擷取網頁標題及網址,並會自動加入事先自訂好的開新視窗等語法至剪貼簿。優點是少打很多字!
例如:寫Blog要加入外部網頁的連結時,在網頁按右鍵點選 Create Link 選單,除了擷取網頁標題及網址,並會自動加入事先自訂好的開新視窗等語法至剪貼簿。優點是少打很多字!




{{Right| hedding=版本資訊 | text=
{{Right| hedding=版本資訊 | text=
* [https://addons.mozilla.org/en-US/firefox/addon/142 Make Link 11.03.1]
* [https://chrome.google.com/webstore/detail/create-link/gcmghdmnkfdbncmnmlkkglmnnhagajbm Create Link 0.4.1]
** [http://nelson.pixnet.net/blog/post/25278866 中文化](Thanks, Nelson!)
}}
* [[MozillaFirefox|Firefox]]/44.0.2
* [[Comparison of Firefox extensions: CopyURL, CoLT, MakeLink|類似的套件比較]]}}


== 使用情境 ==
== 使用情境 ==
在以下三種情境,右鍵點選MakeLink選單:
在以下情境,右鍵點選 Create Link 選單:
* 鏈結(link):在超鏈結上方,按右鍵點選MakeLink選單
* 鏈結(link):在超鏈結上方,按右鍵點選 Create Link 選單
* 選取文字(selection):選取某段文字後,在選取的文字上按右鍵點選MakeLink選單
* 選取文字(selection):選取某段文字後,在選取的文字上按右鍵點選 Create Link 選單
* 頁面(page):在上述兩種地方外,網頁的任何地方按右鍵點選MakeLink選單
* 圖片:在圖檔上方按右鍵點選 Create Link 選單
 
* 頁面(page):在上述其他地方外,網頁的其他任何地方按右鍵點選 Create Link 選單


== 變數說明 ==
== 變數說明 ==
Line 21: Line 19:
* 鏈結的情境:鏈結的文字
* 鏈結的情境:鏈結的文字
* 選取文字的情境:選取的文字
* 選取文字的情境:選取的文字
* 圖片的情境:網頁的'''標題'''
* 頁面的情境:網頁的'''標題''' (通常顯示在瀏覽器最上方的標題列: title)。如果網頁是採用頁框結構(frame),將只會取最上層的標題資訊。
* 頁面的情境:網頁的'''標題''' (通常顯示在瀏覽器最上方的標題列: title)。如果網頁是採用頁框結構(frame),將只會取最上層的標題資訊。


%htmlEscapedText% 編碼網頁文字,例如: & < > ' " 等特殊字元會被編碼成 (1) &  → &amp;amp; (2) <  → &amp;lt; (3) >  → &amp;gt; (4) '  → &amp;apos; (5) "  → &amp;quot;
* 鏈結的情境: 鏈結的文字
* 選取文字的情境: 選取的文字
* 圖片的情境:網頁的'''標題'''
* 頁面的情境:網頁的'''標題'''


%text_n%, %text_br%
%text_md% 文字遇到 markdown 特殊字元會 escape,例如 - 等符號<ref>[https://www.markdownguide.org/basic-syntax/#escaping-characters Basic Syntax | Markdown Guide]</ref>
* 鏈結的情境:鏈結的文字。 同%text%
* 鏈結的情境: 鏈結的文字
* 選取文字的情境:%text_br% 選取的文字中若有換行符號,則會插入<nowiki><br /></nowiki>符號。  (實際測試時XP, %text_n%並未插入\n)
* 選取文字的情境: 選取的文字
* 頁面的情境:網頁的'''標題'''。 同%text%
* 圖片的情境:網頁的'''標題'''
* 頁面的情境:網頁的'''標題'''


%url%
%url%
* 鏈結的情境:鏈結的網址
* 鏈結的情境:鏈結
* 選取文字或頁面的情境:目前瀏覽網頁的網址
* 選取文字的情境: 如果選取的文字包含鏈結,則顯示該鏈結。如果選取的文字沒有包含鏈結,則顯示目前瀏覽網頁的鏈結
* 圖片的情境:圖片的鏈結
* 頁面的情境:目前瀏覽網頁的鏈結
 
== Create Link Formats ==
=== Plain Text syntax ===
 
<pre>
(default settings) %text% %url%
</pre>


%title%
=== HTML syntax ===
* 鏈結的情境:鏈結的提示語。當滑鼠移動到鏈結上方不動時,會顯示的提示語(tool-tip text)
 
* 選取文字的情境:目前瀏覽網頁的'''標題'''
<pre>
* 頁面的情境:網頁資訊的描述欄位。網頁標頭的 <META HTTP-EQUIV="Description" CONTENT="描述文字">,不過測試時,無法順利顯示。
(default settings) <a href="%url%">%htmlEscapedText%</a>
(open link in the new window or tab)  <a href="%url%" title="%htmlEscapedText%" target="_blank" rel="nofollow noopener">%htmlEscapedText%</a>
(open link in the same window or tab) <a href="%url%" title="%htmlEscapedText%" rel="nofollow">%htmlEscapedText%</a>
</pre>


%input%
參考資料:
* 跳出輸入對話框,手動輸入文字
* [https://pjchender.blogspot.com/2020/05/relnoreferrer-targetblank.html?fbclid=IwAR2lZxBq9kIpCJU4ErMLnn0tpaF5QdlgE1FGr4afP1BUQRVk3dPCAUYd1v8 (掘竅) 為什麼要使用 rel="noreferrer",談 target="_blank" 的安全性風險 ~ PJCHENder<br>那些沒告訴你的小細節] {{access | date=2020-05-26}}
* HTML (Use HTML Entities)  ([http://www.w3.org/TR/html401/struct/links.html HTML 4.01], XHTML 1.0 transitional):
* [http://www.w3.org/TR/xhtml1/ XHTML 1.0] strict [http://www.sitepoint.com/article/standards-compliant-world]
* [https://developers.google.com/web/tools/lighthouse/audits/noopener?hl=en-US Opens External Anchors Using rel="noopener"  |  Tools for Web Developers  |  Google Developers] {{access | date=2018-08-21}}


%imgurl%
=== MarkDown syntax ===
* 如果你在圖片上方按右鍵,該變數會擷取該圖片的網址。
* MarkDown links[http://markdown.tw/]:
<pre>
(default settings) [%text_md%](%url%)
</pre>


%tinyurl% ''(實驗性功能)''
=== MarkDown Image syntax ===
* 透過[http://durl.us/ durl.us]或[http://tinyurl.com/ TinyURL]的縮短網址服務。由於是實驗性功能,所以複製到剪貼本時可能會失敗。建議相隔一秒鐘,來產生網頁的縮短網址。
* 語法支援: {{exclaim}} [https://addons.mozilla.org/en-US/firefox/addon/make-link/ Make Link] for {{Fx}} '''有'''支援該語法,但是 [https://chrome.google.com/extensions/detail/gcmghdmnkfdbncmnmlkkglmnnhagajbm Create Link] for {{Chrome}} '''沒有'''支援


%newline%  
<pre>
* 換行符號 (\n) &
![%text_md%](%url% "%text_md%")
* 語法支援: {{exclaim}} [https://addons.mozilla.org/en-US/firefox/addon/make-link/ Make Link] for {{Fx}} '''沒有'''支援該語法,但是 [https://chrome.google.com/extensions/detail/gcmghdmnkfdbncmnmlkkglmnnhagajbm Create Link] for {{Chrome}} '''有'''支援


%htmlEscapedText%
語法說明:
* 編碼網頁特殊字元 (& < > ' " 五種字元)  
![圖片替代文字](圖片連結 "滑鼠游標移到圖上才會出現的提示文字")
* 語法支援: {{exclaim}} [https://addons.mozilla.org/en-US/firefox/addon/make-link/ Make Link] for {{Fx}} '''沒有'''支援該語法,但是 [https://chrome.google.com/extensions/detail/gcmghdmnkfdbncmnmlkkglmnnhagajbm Create Link] for {{Chrome}} '''有'''支援
</pre>


== Make Link Options ==
=== Forum syntax ===
=== default syntax ===
* Forum Code ([http://www.phpbb.com/community/faq.php?mode=bbcode#f40 BBCode guide]):  
* Plain Text: ''override default'' <pre>%text% %url%</pre>
<pre>
* HTML (Use HTML Entities) ''override default'' ([http://www.w3.org/TR/html401/struct/links.html HTML 4.01], XHTML 1.0 transitional): <pre><a href="%url%" title="%text%" target="_blank" rel="nofollow">%text%</a>
[url=%url%]%text%[/url]
</pre>
</pre>
* MarkDown links[http://markdown.tw/]: <pre>[%text%](%url%)</pre>
* Forum Code ([http://www.phpbb.com/community/faq.php?mode=bbcode#f40 BBCode guide]): <pre>[url=%url%]%text%[/url]</pre>


=== wiki syntax ===
=== Wiki syntax ===
* Wiki Syntax of Wikipedia or mediawiki sites([http://en.wikipedia.org/wiki/Wikipedia:Manual_of_Style_%28links%29#External_links Manual]): <pre>[%url% %text%]</pre>
* Wiki Syntax of Wikipedia or mediawiki sites([http://en.wikipedia.org/wiki/Wikipedia:Manual_of_Style_%28links%29#External_links Manual]): <pre>[%url% %text%]</pre>
* [[DokuWiki]] Wiki Syntax ([http://www.wikicreole.org/wiki/Creole0.6#section-Creole0.6-LinksInternalAndExternal Creole 0.6 compatible]): <pre>[[%url% | %text%]]</pre>
* [[DokuWiki]] Wiki Syntax ([http://www.wikicreole.org/wiki/Creole0.6#section-Creole0.6-LinksInternalAndExternal Creole 0.6 compatible]): <pre>[[%url% | %text%]]</pre>
Line 77: Line 95:
** without published date --<pre>Author (n.d.). %text%. Retrieved from %url%</pre>
** without published date --<pre>Author (n.d.). %text%. Retrieved from %url%</pre>


=== other syntax ===
=== Excel link syntax ===
* [http://www.plurk.com/ Plurk][http://s8726319.pixnet.net/blog/post/18592491 語法]: <pre>%url% (%text%)</pre>
* [https://www.google.com.tw/intl/zh-TW/sheets/about/ Google 試算表] ([https://support.google.com/docs/answer/3093313?hl=zh-Hant&rd=1 HYPERLINK]) 或 Microsoft Excel 的儲存格內建立超連結 ([https://support.office.com/zh-tw/article/HYPERLINK-%E5%87%BD%E6%95%B8-333c7ce6-c5ae-4164-9c47-7de9b76f577f HYPERLINK 函數]):
 
<pre>
* 在 Google Drive[https://support.google.com/docs/answer/3093313?hl=zh-Hant&rd=1] 或 Microsoft Excel 的儲存格內建立超連結: <pre>=HYPERLINK("%url%",  "%text%")</pre>
// show text
=HYPERLINK("%url%",  "%text%")


* HTML (Use HTML Entities) for [http://www.w3.org/TR/xhtml1/ XHTML 1.0] strict [http://www.sitepoint.com/article/standards-compliant-world]: <pre><a href="%url%" rel="external" title="%text%">%text%</a>
// show text & url
=HYPERLINK("%url%", "%text% %url%")
</pre>
</pre>
=== Plurk syntax ===
* [http://www.plurk.com/ Plurk][http://s8726319.pixnet.net/blog/post/18592491 語法]: <pre>%url% (%text%)</pre>




Line 96: Line 119:
相關資料
相關資料
* Chieftain (2009). [http://www.chieftain.idv.tw/archives/2009/02/14/1571.html Reflection » Firefox 附加元件 Make Link 語法的備存]
* Chieftain (2009). [http://www.chieftain.idv.tw/archives/2009/02/14/1571.html Reflection » Firefox 附加元件 Make Link 語法的備存]
* [http://daringfireball.net/projects/markdown/ Daring Fireball: Markdown]
* [http://daringfireball.net/projects/markdown/ Daring Fireball: Markdown] {{access | date=2018-06-21}}


[[Category:Mozilla]] [[Category:citation_format]]
[[Category:Mozilla]]  
[[Category:Chrome]]
[[Category:Wiki]]
[[Category:Citation_format]]
[[Category:Tool]]

Latest revision as of 15:00, 1 August 2020

瀏覽器擴充套件 Create Link for Chrome Browser chrome.png 提供便利的方式,可以快速方便擷取網頁標題、網址及選取的段落文字等資訊到系統剪貼簿。

例如:寫Blog要加入外部網頁的連結時,在網頁按右鍵點選 Create Link 選單,除了擷取網頁標題及網址,並會自動加入事先自訂好的開新視窗等語法至剪貼簿。優點是少打很多字!


版本資訊


使用情境[edit]

在以下情境,右鍵點選 Create Link 選單:

  • 鏈結(link):在超鏈結上方,按右鍵點選 Create Link 選單
  • 選取文字(selection):選取某段文字後,在選取的文字上按右鍵點選 Create Link 選單
  • 圖片:在圖檔上方按右鍵點選 Create Link 選單
  • 頁面(page):在上述其他地方外,網頁的其他任何地方按右鍵點選 Create Link 選單

變數說明[edit]

%text%

  • 鏈結的情境:鏈結的文字
  • 選取文字的情境:選取的文字
  • 圖片的情境:網頁的標題
  • 頁面的情境:網頁的標題 (通常顯示在瀏覽器最上方的標題列: title)。如果網頁是採用頁框結構(frame),將只會取最上層的標題資訊。

%htmlEscapedText% 編碼網頁文字,例如: & < > ' " 等特殊字元會被編碼成 (1) & → &amp; (2) < → &lt; (3) > → &gt; (4) ' → &apos; (5) " → &quot;

  • 鏈結的情境: 鏈結的文字
  • 選取文字的情境: 選取的文字
  • 圖片的情境:網頁的標題
  • 頁面的情境:網頁的標題

%text_md% 文字遇到 markdown 特殊字元會 escape,例如 - 等符號[1]

  • 鏈結的情境: 鏈結的文字
  • 選取文字的情境: 選取的文字
  • 圖片的情境:網頁的標題
  • 頁面的情境:網頁的標題

%url%

  • 鏈結的情境:鏈結
  • 選取文字的情境: 如果選取的文字包含鏈結,則顯示該鏈結。如果選取的文字沒有包含鏈結,則顯示目前瀏覽網頁的鏈結
  • 圖片的情境:圖片的鏈結
  • 頁面的情境:目前瀏覽網頁的鏈結

Create Link Formats[edit]

Plain Text syntax[edit]

 (default settings) %text% %url%

HTML syntax[edit]

 (default settings) <a href="%url%">%htmlEscapedText%</a>
 (open link in the new window or tab)   <a href="%url%" title="%htmlEscapedText%" target="_blank" rel="nofollow noopener">%htmlEscapedText%</a>
 (open link in the same window or tab)  <a href="%url%" title="%htmlEscapedText%" rel="nofollow">%htmlEscapedText%</a>

參考資料:

MarkDown syntax[edit]

  • MarkDown links[2]:
(default settings) [%text_md%](%url%)

MarkDown Image syntax[edit]

![%text_md%](%url% "%text_md%")

語法說明:
![圖片替代文字](圖片連結 "滑鼠游標移到圖上才會出現的提示文字")

Forum syntax[edit]

[url=%url%]%text%[/url]

Wiki syntax[edit]


APA style alike syntax[edit]

  • APA style v.5 alike (Citation format):
    Author (Year). %text%. Retrieved LOCAL_TIME, from %url%
  • APA style v.6 alike (Citation format):
    • with published date --
      Author (Year). %text%. Retrieved from %url%
    • without published date --
      Author (n.d.). %text%. Retrieved from %url%

Excel link syntax[edit]

// show text
=HYPERLINK("%url%",  "%text%")

// show text & url
=HYPERLINK("%url%", "%text% %url%")

Plurk syntax[edit]


notes

類似方案[edit]

相關資料