ФЭНДОМ


Те, кто использует Визуальный редактор, который активируется по умолчанию для новых пользователей, не увидят панель инструментов редактирования, которая отображается в исходном коде.

Тем не менее те, кто использует режим исходного кода, могут быть заинтересованы в добавлении пользовательских кнопок редактирования для этой панели инструментов.

Примечание. Эта панель инструментов не появляется, если вы выбрали «Включить визуальный редактор» в разделе редактирования ваших настроек.
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 текст, который вы выделили, станет жирным, либо появятся символы: ''' '''. Остальные кнопки работают аналогичным образом, попробуйте нажать некоторые, чтобы увидеть результат.

Как создать и загрузить изображения кнопок? Править

Первое, что нужно сделать, это создать файл 23x22 любой программой для редактирования изображений (Вы можете использовать Файл:Button blank.png в качестве шаблона). Затем загрузить его, как и любые другие изображения.

Как я могу редактировать JavaScript? Править

Чтобы найти правильный JavaScript (.js) страницы и добавить его, вы можете обратиться к Шпаргалкам по CSS и JS. В общем, js можно добавить к любой странице, в частности:

Добавьте новый раздел mwCustomEditButtons на странице. Вот пример, как содержимое страницы может выглядеть:

if ( mwCustomEditButtons ) {
	mwCustomEditButtons[mwCustomEditButtons.length] = {
		"imageFile": "http://images.wikia.com/central/images/c/c8/Button_redirect.png",
		"speedTip": "Перенаправление",
		"tagOpen": "#REDIRECT [[",
		"tagClose": "]]",
		"sampleText": "Введите текст"
	};
 
	mwCustomEditButtons[mwCustomEditButtons.length] = {
		"imageFile": "http://images.wikia.com/central/images/c/c9/Button_strike.png",
		"speedTip": "Зачеркнуть",
		"tagOpen": "<s>",
		"tagClose": "</s>",
		"sampleText": "Введите текст"
	};
 
	mwCustomEditButtons[mwCustomEditButtons.length] = {
		"imageFile": "http://images.wikia.com/central/images/1/13/Button_enter.png",
		"speedTip": "На другую строку",
		"tagOpen": "<br />",
		"tagClose": "",
		"sampleText": ""
	};
 
	mwCustomEditButtons[mwCustomEditButtons.length] = {
		"imageFile": "http://images.wikia.com/central/images/7/74/Button_comment.png",
		"speedTip": "Комментарий виден только для редакторов",
		"tagOpen": "<!-- ",
		"tagClose": " -->",
		"sampleText": "Введите свой комментарий"
	};
}

Если вы хотите добавить новую кнопку, скопируйте этот текст:

	mwCustomEditButtons[mwCustomEditButtons.length] = {
		"imageFile": "http://images.wikia.com/central/images/7/74/Button_comment.png",
		"speedTip": "Комментарий виден только для редакторов",
		"tagOpen": "<!-- ",
		"tagClose": " -->",
		"sampleText": "Введите свой комментарий"
	};

Затем вставьте его перед последней закрывающей фигурной скобкой:}. Настройте каждое значение в соответствии с желаемой функцией кнопки. Значения:

  • imageFile — это полный URL к изображению.
    • Вы можете найти полную ссылку на нужное изображение, перейдя на страницу описания изображения и нажав на гиперссылку под изображением, чтобы увидеть полноразмерное изображение. Используйте URL из полученного только что изображения на странице.
    • Изображение должно быть сохранено на локальной вики или на Центральной вики сообщества — она должна использовать URL Wikia.com.
  • speedTip — всплывающий текст с подсказкой (отображается при наведении указателя мыши на кнопку).
  • tagOpen — открывающий тег.
  • tagClose — закрывающий тег (опустить, если нет текста).
  • sampleText — текст, который будет автоматически подсвечивается при вставке (между двумя другими тегами). Оставьте это поле пустым, если вам не нужно поместить что-либо между открывающим и закрывающим тегами.

После сохранения страницы и обновления кэша браузера пользовательские кнопки появятся при редактировании страницы в режиме исходного кода.