Help:自訂編輯按鈕

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

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

一般的工具欄

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

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

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

如何使用編輯工具？

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

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

首先，找一個尺寸為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: 此樣本文字會自動高亮所插入的文字（被包在兩個標籤內的）。如果您沒有打算在開始與關閉標籤內插入任何文字，請將此數值留空。

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

另參見

您也可以看看來自公共版權作者製作的圖標
commons:Special:PrefixIndex/File:Button 與 wikipedia:Special:PrefixIndex/File:Button 提供更多可使用的圖案（如果需要的話可以複製並上傳上來）
wikipedia:MediaWiki:Gadget-extra-toolbar-buttons-core.js 提供更多例子

幫助及反饋

請到這裡以瀏覽及搜索其他幫助頁面
瀏覽Fandom中文社區中心以尋求更多幫助與支援
如要報告任何問題或不明白的，請向Fandom聯絡
觀看Fandom課堂了解如何更好地編輯社區內容。

FANDOM

一般的工具欄

如何使用編輯工具？

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

如何編輯 JavaScript 檔？

另參見

幫助及反饋