FANDOM


Editores que usam o editor clássico (modo fonte) podem se interessar em adicionar botões de edição personalizados para a barra de ferramentas do editor. Esses botões permitem que caracteres especiais ou partes de texto possam ser inseridos na caixa de edição.

Obs: Essa barra de ferramenta não aparece quando se edita no modo visual.

Barra de ferramenta básica

Esta é a barra de ferramenta padrão:

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


Você pode adicionar botões personalizados no seu JS pessoal, para que só você possa usá-los e vê-los, ou você pode adicioná-los à página MediaWiki:Common.js para que eles fiquem disponíveis a todos os usuários na wiki.

Uma barra de edição personalizada ficará mais ou menos assim:

Custombuttons

Como eu uso os botões?

Quando você estiver editando uma página no modo fonte, clique em um dos botões para inserir um símbolo ou texto. Por exemplo, clicar no botão button_bold.png insere o seguinte texto onde o cursor está: '''Texto em negrito'''. Se você destacar algum texto que você quer colocar em negrito, clicar nesse botão fará com que ''' seja adicionado nos dois lados do texto destacado para que ele apareça em negrito quando a página for publicado. Os outros botões funcionam de uma maneira similar.

Como eu faço para criar e enviar imagens de botões?

A primeira coisa a se fazer é criar uma imagem 23x22 em qualquer programa de edição (você pode usar o Arquivo:Button_blank.png como um modelo). Então carregue a imagem como você faria com qualquer outra imagem.

Como eu faço para editar o arquivo JavaScript?

Encontre a página correta de JavaScript (.js) - veja Ajuda:CSS e JS Avançados para mais ajuda com isso.

Adicione uma seção chamada mwCustomEditButtons na página de JS. Você irá adicionar uma seção para cada botão personalizado que você quer adicionar. Aqui está um exemplo de como o conteúdo da página deve ficar.

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

Se você quiser adicionar um novo botão, copie essa seção:

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

Cole esse código depois da última chave e ponto-e-vírgula: };. Depois, substitua cada valor para combinar com que o que você quer que o botão faça. Os valores são:

imageFile
O URL completo da imagem.
Você pode encontrar o URL completo da imagem indo para página de descrição de imagem e clicando no hyperlink embaixo da imagem para vê-la na sua maior resolução. Use o URL da página que só contém a imagem.
A imagem deve estar na sua comunidade ou na Community Central; deve ser um URL que use wikia.com.
speedTip
"Tool-tip" text (mostrado quando você passa o mouse sobre o botão).
tagOpen
A tag de abertura
tagClose
A tag de fechamento (omitida se nenhum texto de exemplo for necessário).
sampleText
O texto que será automaticamente destacado quando for inserido (entre outras duas tags). Esse texto será substituído por você quando você digitar. Deixe esse campo em branco se você não precisar colocar nada entre as tags para abrir e fechar.

Uma vez que você tiver publicado essa página, o seus botões personalizados irão aparecer quando você editar uma página em modo fonte.

Veja também

Veja as imagens disponíveis que já foram carregadas aqui:

Alguns repositórios de imagens disponíveis (copie e envie aqui, se necessário):

Mais exemplos em:

Mais ajuda e feedback

Interferência de bloqueador de anúncios detectada!


A Wikia é um site grátis que ganha dinheiro com publicidade. Nós temos uma experiência modificada para leitores usando bloqueadores de anúncios

A Wikia não é acessível se você fez outras modificações. Remova o bloqueador de anúncios personalizado para que a página carregue como esperado.