Article

insoler網站上,現在使用的網頁編輯器是TinyMCE 3.5.10。雖然支援「中文網址」或是「日文網址」,但目前的版本沒辦法直接把中文網址貼上去就送出,雖然有其他2種方式可以貼上「中文網址」,但最好的方式,還是使用「編輯器上的工具列的「插入與編輯連結」按鈕來插入中文網址。

要插入「中文網址」可以利用「工具列」的「插入與編輯連結」按鈕。但是在沒有選取文字的情況下,這個按鈕會完全無法使用。

在文章中插入網址的方法 1

tinymcelink001.jpg

要插入網址,先輸入該網址的名稱。畢竟直接貼上 http 的一堆字,對別人來說,往往不知道該網址是連接到怎樣的網站?

選取一段文字以後,工具列的「插入與編輯連結」按鈕就可以使用了。

tinymcelink002.jpg

那麼,要如何取得某一篇文章、某個圖片的網址?你只要在可以選取的連結上,圖片上按一下右鍵,再點選「複製連結」,就可以取得某一篇文章的網址連結了。

tinymcelink003.jpg

再按一下工具列的「插入與編輯連結」按鈕,然後按鍵盤的「貼上」快速鍵,就會看到剛剛複製的網址。

tinymcelink004.jpg

再按下對話窗的「插入」按鈕就行了。

tinymcelink005.jpg

在文章中插入網址的方法 2

另外一個插入網址的方法是,先輸入某個網址有意義的名稱,通常是文章的標題。選取整個標題以後,再按一下工具列的「插入與編輯連結」按鈕。

tinymcelink006.jpg

然後在「URL」貼上 http 的網址即可。

tinymcelink007.jpg

由於 http 網址通常都是流水號編碼,或是把中文標題經過特殊轉換的「中文網址」(理由是某些字元不能用在網址上),因此大多都是在文章標題上按右鍵,再複製網址即可,最好不要手動輸入網址,以免輸入錯誤。

tinymcelink008.jpg

然後點一下「URL」欄位,再按鍵盤的「貼上」快速鍵,就會看到這樣的結果,最後只要按「插入」就行了。

tinymcelink009.jpg

在文章中插入網址的方法 3

其實貼上「中文網址」更簡單的辦法,就是直接複製整個標題,而不是複製「瀏覽器上的網址列的URL網址」。在Safari只要選取文章標題,然後按鍵盤的「複製」快速鍵(例如:Command + C),或是把滑鼠移到整個標題後面,再按右鍵就會看到「複製」指令。

tinymcelink010.jpg

這是複製整個「中文標題+中文網址」所以會趙原本的樣子直接貼到文章裡面。這種方式貼上的標題網址,往往會因為含有「樣式」看起來會有點奇怪。這時候可以選取全部的內容,再按一下工具列的「橡皮擦」圖示來刪除樣式。

tinymcelink012.jpg

這樣就可以直接得到與前面兩種方式完全相同的「中文網址連結」而完全不需要使用「連結按鈕」對話窗。

tinymcelink013.jpg

如果你看得懂網頁的「HTML」原始碼,可以按一下工具列的「HTML」按鈕。

tinymcelink014.jpg

就會看到類似這樣的畫面。只要貼上網址的方式正確,「中文網址」也應該會正確編碼才對。

tinymcelink015.jpg

刪除網址連結的方法

要「重新編輯」或是「刪除網址」的方法也很簡單,只要選取原本的網址,就會看到工具列上的「鎖鏈」與「解開鎖鏈」這兩個按鈕可以使用。按「鎖鏈」可以重新編輯修改網址。按後面的「解開鎖鏈」按鈕,就可以移除網址。

tinymcelink016.jpg

按「解開鎖鏈」移除網址以後,就會回到純文字的樣子。

tinymcelink017.jpg

檢視「中文網址」是否能正確點選?

由於在「編輯視窗」畫面,裡面的網址,只能編輯、修改、移除網址,而無法點選來試用看看。所以必須先「送出」文章。

tinymcelink018.jpg

送出文章以後,才能點選文章裡面的「中文網址」來測試看看能否正常點選?因為沒有正確輸入網址,不但你自己無法點選,當然別人也無法點選!對於「訪客」來說,根本不可能花時間了解你輸入錯誤的網址,通常都是直接放棄,當做沒看到。這就白費了你當時的心血。

tinymcelink019.jpg

如果是移除網址的部分,就會看到這樣的畫面。純文字跟「網址」的樣式不同。通常網址底下都會加上「底線」或是使用「不同的顏色」表示,讓別人知道這是一個可以點選的網址。

tinymcelink020.jpg

2013/11/23
 
Info
Actions
Rating
0 votes
Comments
Order by: 
Per page:
 
  • There are no comments yet