FANDOM


Los editores que utilizan el editor clásico de Fandom pueden estar interesados en añadir una barra de herramientas al modo edición. Estas herramientas permiten introducir caracteres especiales o trozos de texto al artículo.

Nota: Esta barra de herramientas no aparece si se está utilizando el editor visual (se puede elegir el editor por defecto en preferencias)..

Barra de herramientas básica

La barra por defecto se ve así:

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


Puedes añadir más botones en tu wikia.js personal para que solo tú los puedas utilizar, o puedes añadirlos al common.js de la wiki para que estén disponibles para todos los usuarios.

Una barra de herramientas personalizada tiene un aspecto parecido a este:

Custombuttons

Utilización de los botones

Cuando se edita una página en el editor clásico, pulsar uno de los botones añadirá un trozo de texto o carácter al artículo. Por ejemplo, pulsando el botón button_bold.png insertará el siguiente texto: '''Texto en negrita'''. Si seleccionas un segmento del texto que desees trasladar a negrita, pulsando este botón se añadirán las ''' a cada lado de lo seleccionado. El resto de botones funcionan de una manera similar.

Creación de imágenes para los botones

El primer paso es crear una imagen de 23x22 en cualquier programa de edición fotográfico (puedes usar esto como plantilla). Luego, subela como si fuera cualquier otra imagen.

Nota: Si tu imagen le puede servir a otras wikis, puedes subirla a la Community Central (y asegúrate de etiquetarla con la categoría [[Category:Custom edit buttons]].). Puedes visualizar los botones que otros usuarios han creado en la Category:Custom edit buttons.

Edición del JavaScript

Por lo general, el JavaScript que se necesita para editar la barra de herramientas se puede colocar en:

Se debe añadir una sección mwCustomEditButtons a cada fila para cada botón personalizado que se desee agregar. He aquí un ejemplo de lo que el contenido de la página debe ser similar:

	mwCustomEditButtons[mwCustomEditButtons.length] = {
		"imageFile": "http://images.wikia.com/central/images/c/c8/Button_redirect.png",
		"speedTip": "Redirección",
		"tagOpen": "#REDIRECT [[",
		"tagClose": "]]",
		"sampleText": "Insertar texto"
	};
 
	mwCustomEditButtons[mwCustomEditButtons.length] = {
		"imageFile": "http://images.wikia.com/central/images/1/13/Button_enter.png",
		"speedTip": "Salto de línea",
		"tagOpen": "<br />",
		"tagClose": "",
		"sampleText": ""
	};
 
	mwCustomEditButtons[mwCustomEditButtons.length] = {
		"imageFile": "http://images.wikia.com/central/images/7/74/Button_comment.png",
		"speedTip": "Comentario solo visible para los editores",
		"tagOpen": "<!-- ",
		"tagClose": " -->",
		"sampleText": "Insertar comentario aquí"
	};
 
	mwCustomEditButtons[mwCustomEditButtons.length] = {
		"imageFile": "http://images.wikia.com/central/images/7/7f/Plainlink_Button.png",
		"speedTip": "Enlace",
		"tagOpen": "[[ ",
		"tagClose": " ]]",
		"sampleText": "Título del enlace"
	};

Si quieres añadir un nuevo botón, copia esta sección:

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"
};

Luego pegalo después del último corchete de cierre y punto y coma: };. A partir de aquí, reemplaza cada valor con lo que quieras que el botón haga. Los valores son:

imageFile
La URL de la imagen.
Debes encontrar la URL completa de la imagen yendo a la página de descripción de imagen e ir al enlace debajo de la imagen para verla completa. Usa el URL resultante.
La imagen debe estar localizada en tu wiki o en la Community Central — debe ser una URL de Fandom.com.
speedTip
El texto que se muestra al pasar el ratón por encima del botón.
tagOpen
La etiqueta de apertura.
tagClose
La etiqueta de cierre (se omite si no se necesita texto).
sampleText
El texto que será colocado entre las dos etiquetas, esto está pensado para ser modificado con lo que desee el usuario. Déjalo vacío si no necesitas tener algo entre las etiquetas de apertura y cierre.

Una vez que publiques los cambios y refresques la caché del navegador, tus botones personalizados aparecerán en la barra de herramientas.

Véase también

Ayuda y comentarios

El contenido de la comunidad está disponible bajo CC-BY-SA a menos que se indique lo contrario.