Ті, хто використовує режим Візуального редактора, який активується за умовчанням для нових користувачів, не побачать панель інструментів редагування, яка відображається у вихідному коді.
Тим не менш, ті, хто використовує режим вихідного коду можуть бути зацікавлені в додаванні користувацьких кнопок редагування до цієї панелі інструментів.
- Примітка: Ця панель інструментів не з'являється, якщо ви вибрали «Увімкнути візуальний редактор» в розділі редагування ваших налаштувань.














Ви можете додати свої кнопки у вашому особистому wikia.js так, що тільки ви можете бачити і використовувати їх, або ви можете додати їх в MediaWiki:Common.js, щоб зробити їх доступними для всіх користувачів на вікі.
Налаштована панель інструментів буде виглядати приблизно так:
Як я можу використовувати кнопки[ред. | ред. код]
При редагуванні сторінки в режимі вихідного коду, натиснувши одну з кнопок, буде вставлено символ або фрагмент тексту. Наприклад, натиснувши на кнопку , текст який ви виділили стане жирним, або з'являться такі символи:
''''''
. Інші кнопки працюють аналогічним чином, спробуйте натиснути деякі й побачите, що вони вставляють.
Як створити і завантажити зображення кнопок?[ред. | ред. код]
Перше, що потрібно зробити, це створити 23x22 образ будь-якою програмою для редагування зображень (Ви можете використовувати Файл:Button blank.png як шаблон). Потім завантажити його, як і будь-які інші зображення.
Як я можу редагувати JavaScript?[ред. | ред. код]
Знайти правильний JavaScript (.js) сторінки, щоб додати його. Ви можете звернутись до шпаргалки по CSS і JS. Загалом, js можна додати до будь-якій сторінці, це:
- Ваш особистий файл JS буде розташований на: Користувач:ІМ'Я КОРИСТУВАЧА/wikia.js,
- JS для всіх користувачів на всій вікі, знаходиться за адресою: MediaWiki:Common.js.
- Якщо Ви хочете, щоб кнопка з'являлася у Вас у редакторі на всіх вікі, розмістіть код на цій сторінці: https://community.fandom.com/wiki/User:USERNAME/global.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 fandom.com.
- SpeedTip: спливаючий текст з підказкою (відображається при наведенні покажчика миші на кнопку).
- TagOpen: відкриває тег
- TagClose: закриває тег (опустити, якщо немає тексту).
- SampleText: текст, який буде автоматично підсвічується при вставці (між двома іншими тегами). Залиште це поле порожнім, якщо Вам не потрібно помістити що-небудь між тегами, що відкриває і закриває.
Після збереження сторінки і поновлення кешу браузера, призначені для користувача кнопки з'являться при редагуванні сторінки в режимі вихідного коду.