Editing Create Link

瀏覽器擴充套件 [https://chrome.google.com/extensions/detail/gcmghdmnkfdbncmnmlkkglmnnhagajbm Create Link] for {{Chrome}} 提供便利的方式，可以快速方便擷取網頁標題、網址及選取的段落文字等資訊到系統剪貼簿。

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


{{Right| hedding=版本資訊 | text=
* [https://chrome.google.com/webstore/detail/create-link/gcmghdmnkfdbncmnmlkkglmnnhagajbm Create Link 0.4.1]
}}

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

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

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

%text_md% 文字遇到 markdown 特殊字元會 escape，例如 - 等符號<ref>[https://www.markdownguide.org/basic-syntax/#escaping-characters Basic Syntax | Markdown Guide]</ref>。
* 鏈結的情境： 鏈結的文字
* 選取文字的情境： 選取的文字
* 圖片的情境：網頁的'''標題'''
* 頁面的情境：網頁的'''標題'''

%url%
* 鏈結的情境：鏈結
* 選取文字的情境： 如果選取的文字包含鏈結，則顯示該鏈結。如果選取的文字沒有包含鏈結，則顯示目前瀏覽網頁的鏈結
* 圖片的情境：圖片的鏈結
* 頁面的情境：目前瀏覽網頁的鏈結

== Create Link Formats ==
=== Plain Text syntax ===

<pre>
 (default settings) %text% %url%
</pre>

=== HTML syntax ===

<pre>
 (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>

參考資料: 
* [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}}

=== MarkDown syntax ===
* MarkDown links[http://markdown.tw/]: 
<pre>
(default settings) [%text_md%](%url%)
</pre>

=== MarkDown Image syntax ===

<pre>
![%text_md%](%url% "%text_md%")

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

=== Forum syntax ===
* Forum Code ([http://www.phpbb.com/community/faq.php?mode=bbcode#f40 BBCode guide]): 
<pre>
[url=%url%]%text%[/url]
</pre>

=== 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>
* [[DokuWiki]] Wiki Syntax ([http://www.wikicreole.org/wiki/Creole0.6#section-Creole0.6-LinksInternalAndExternal Creole 0.6 compatible]): <pre>[[%url% | %text%]]</pre>
* [http://web.nlhs.tyc.edu.tw/~lss/wiki/TiddlyWikiTutorialTW.html TiddlyWiki] Wiki Syntax: <pre>[[%text%|%url%]]</pre>



=== APA style alike syntax ===
* APA style v.5 alike ([[Citation format]]): <pre>Author (Year). %text%. Retrieved LOCAL_TIME, from %url%</pre>
* APA style v.6 alike ([[Citation format]]): 
** with published date -- <pre>Author (Year). %text%. Retrieved from %url%</pre>
** without published date --<pre>Author (n.d.). %text%. Retrieved from %url%</pre>

=== Excel link syntax ===
* 在 [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>
// show text
=HYPERLINK("%url%",  "%text%")

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

=== Plurk syntax ===
* [http://www.plurk.com/ Plurk][http://s8726319.pixnet.net/blog/post/18592491 語法]: <pre>%url% (%text%)</pre>


notes
* 文章內容部份翻譯自MakeLink內建的說明文件。
* Make Link 3.0.2與[http://menueditor.mozdev.org/ Menu Editor 1.2.3.3]有相容問題。
* [[Comparison of Firefox extensions: CopyURL, CoLT, MakeLink]](英) - 其他同類型擴充套件的比較

== 類似方案 ==
* [https://www.squarefree.com/bookmarklets/webdevel.html#make_link Web Development Bookmarklets - make links] "Creates the HTML code to link to the current page."

相關資料
* 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] {{access | date=2018-06-21}}

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