FANDOM


經常使用源代碼模式編輯器的用戶可能會希望在編輯界面上方的工具欄上添加更多自訂編輯按鈕。除了固有的編輯按鈕外,用戶也能自行添加插入特殊符號或調整文字大小等自定義按鈕。

注意:這些編輯按鈕不會出現在視效模式中(即:如果您在個人設定中勾選「啟用視效編輯器」選項。)

一般的工具欄

預設的工具欄為如下所示:

button_bold.png
button_italic.png
button_link.png
button_extlink.png
button_headline.png
button_image.png
button_media.png
button_math.png
button_nowiki.png
button_sig.png
button_hr.png
button_wmu.png
button_vet.png
gallery_add.png
 

您可以在您的個人化 wikia.js 中添加自定義編輯按鈕,這樣就能自行使用它們,或者您可以添加在 MediaWiki:Common.js,這樣該維基的所有用戶皆能使用自訂的編輯按鈕。

一個含有自訂編輯按鈕的工具欄可能會長的像這樣:

Custombuttons

如何使用編輯工具?

當您使用源代碼模式來編輯頁面時,點擊任一編輯按鈕即可插入符號或者一段文字。舉例來說:點擊 button_bold.png 按鈕會讓文字變為粗體:'''此處文字會被加粗'''。如果您想要加粗一些文字,點擊按鈕會在兩側出現''',一旦點擊發佈,文字將會轉為粗體。其他按鈕的原理也亦同,可嘗試點擊不同按鈕來見其效果。

如何創建或上傳按鈕上的圖案?

首先,找一個尺寸為23x32的圖案,並以這張圖片作為背景模板,然後將它上傳上去。

註記:如果您所上傳的圖案可能對其它維基而言也有幫助,那麼您可以考慮將它上傳社區中心


如何編輯 JavaScript 檔?

首先在您的維基上尋找正確的 JavaScript (.js)檔頁面-可參見Help:進階 JS 和 CSS 獲得協助。

在 JS 頁面上添加新的 mw 自訂編輯按鈕段落。您需要為每個按鈕添加一個段落。以下為編輯 JS 頁面時所呈現出來的內容例子:

if (mwCustomEditButtons.length) {
	mwCustomEditButtons[mwCustomEditButtons.length] = {
		"imageFile": "//images.wikia.com/central/images/c/c8/Button_redirect.png",
		"speedTip": "Redirect",
		"tagOpen": "#REDIRECT [" + "[",
		"tagClose": "]]",
		"sampleText": "Insert text"
	};
 
	mwCustomEditButtons[mwCustomEditButtons.length] = {
		"imageFile": "//images.wikia.com/central/images/c/c9/Button_strike.png",
		"speedTip": "Strike",
		"tagOpen": "<s>",
		"tagClose": "</s>",
		"sampleText": "Strike-through text"
	};
 
	mwCustomEditButtons[mwCustomEditButtons.length] = {
		"imageFile": "//images.wikia.com/central/images/1/13/Button_enter.png",
		"speedTip": "Line break",
		"tagOpen": "<br />",
		"tagClose": "",
		"sampleText": ""
	};
 
	mwCustomEditButtons[mwCustomEditButtons.length] = {
		"imageFile": "//images.wikia.com/central/images/7/74/Button_comment.png",
		"speedTip": "Comment visible only for editors",
		"tagOpen": "<!-- ",
		"tagClose": " -->",
		"sampleText": "Insert comment here"
	};
}

如果您想要添加新的按鈕,請複製以下段落:

	mwCustomEditButtons[mwCustomEditButtons.length] = {
		"imageFile": "//images.wikia.com/central/images/7/74/Button_comment.png",
		"speedTip": "Comment visible only for editors",
		"tagOpen": "<!-- ",
		"tagClose": " -->",
		"sampleText": "Insert comment here"
	};

並在最後的大括號與分號:};下方貼上。然後將每一行的數值替換為您所想要的。以下說明每個數值的含義:

imageFile
圖片的完整 URL
您可以進入該圖片的圖像描述頁並點擊圖案下方的「完整分辨率」,這樣即可查看該圖片的最大尺寸並獲得該圖片的完整 URL。
該圖片必須被儲存在您的維基或社區中心上—並且使用 Wikia.com URL。
speedTip
工具提示所顯示出來的文字(當您的游標懸停在按鈕上時所顯示出來的方塊)。
tagOpen
開始標籤
tagClose
關閉標籤(若沒有樣本文字,則可以省略)
sampleText
此樣本文字會自動高亮所插入的文字(被包在兩個標籤內的)。如果您沒有打算在開始與關閉標籤內插入任何文字,請將此數值留空。

一旦您儲存編輯並刷新了緩存,下次編輯時您的自定義按鈕就會出現在源代碼模式中了。

另參見

帮助及反馈

除了特别提示,社区内容遵循CC-BY-SA 授权许可。

Fandom may earn an affiliate commission on sales made from links on this page.

Stream the best stories.

Fandom may earn an affiliate commission on sales made from links on this page.

Get Disney+