Hilfe:Editierwerkzeuge
Aus Gamerpedia
Inhaltsverzeichnis |
[Bearbeiten] Standard-Buttons
| Nr. | Bild | URL des Buttons | Funktion |
|---|---|---|---|
| 0 |
| http://www.gamerpedia.de/skins/common/images/button_bold.png | Hebt Text fett hervor. |
| 1 |
| http://www.gamerpedia.de/skins/common/images/button_italic.png | Hebt Text kursiv hervor. |
| 2 |
| http://www.gamerpedia.de/skins/common/images/button_link.png | Erstellt einen internen Link. |
| 3 |
| http://www.gamerpedia.de/skins/common/images/button_extlink.png | Erstellt einen externen Link. |
| 4 |
| http://www.gamerpedia.de/skins/common/images/button_headline.png | Erstellt eine Ebene 2 Überschrift. |
| 5 |
| http://www.gamerpedia.de/skins/common/images/button_image.png | Fügt ein Bild ein. |
| 6 |
| http://www.gamerpedia.de/skins/common/images/button_media.png | Fügt eine Mediendatei ein. |
| 7 |
| http://www.gamerpedia.de/skins/common/images/button_math.png | Erzeugt eine Mathematische Formel. |
| 8 |
| http://www.gamerpedia.de/skins/common/images/button_nowiki.png | Verhindert das Wikitext geparst (umgewandelt) wird. |
| 9 |
| http://www.gamerpedia.de/skins/common/images/button_sig.png | Fügt die persönliche Signatur mit Zeitstempel ein. |
| 10 |
| http://www.gamerpedia.de/skins/common/images/button_hr.png | Fügt eine horizontale Linie ein. |
[Bearbeiten] Die Editierwerkzeuge personalisieren
Hier wird beschrieben wie man die Werkzeuge personalisieren kann.
[Bearbeiten] Das Grund Javascript
//<pre><nowiki>
Benutzername = 'DEIN NUTZERNAME';
Inhalt = '';
//Die Hauptfunktion
function init(){
}
//Funktionen zum hinzufügen und entfernen von Buttons
function add2toolbar(url, bild, titel)
{
var container = document.getElementById('toolbar');
var link = document.createElement('a');
link.href = url;
link.title = titel;
var image = document.createElement('img');
image.src = bild;
image.style.height = '22px';
image.style.width = '22px';
link.appendChild(image);
container.appendChild(link);
}
function deleteButton(Nr){
document.getElementById('toolbar').getElementsByTagName("img")[Nr].style.display = "none";
}
//Funktion zu Kompatibilität
function addlilink(tabs, url, name, id, beforewhat){
var na = document.createElement('a');
na.href = url;
na.id = id;
na.appendChild(document.createTextNode(name));
var li = document.createElement('li');
li.appendChild(na);
if(beforewhat){ tabs.insertBefore(li, beforewhat); }
else{ tabs.appendChild(li); }
return li;
}
//Überprüft ob eine Seite gerade bearbeitet wird
if(document.title.indexOf('Bearbeiten') == 0)
{
if (window.addEventListener)
{
window.addEventListener('load', init, false);
}
else if (window.attachEvent)
window.attachEvent('onload', init);
}
//Platz für zusätzliche Funktionen
//</nowiki></pre>
Diesen Code passt ihr an und kopiert ihn einfach in euer gamerpedia.js oder in euer monobook.js falls ihr noch den alten Skin verwendet.
[Bearbeiten] Buttons entfernen
Ihr könnt die Standard Buttons mit diesem Code entfernen:
deleteButton(<Nummer des Buttons>);
Diesen Text schreibt ihr dann einfach in die Hauptfunktion. Beispiel:
//Die Hauptfunktion
function init(){
deleteButton(7); //Entfernt den Button für mathematische Formeln
}
[Bearbeiten] Buttons hinzufügen
Hier werden Buttons aufgelistet die ihr zur Editierwerkzeugleiste hinzufügen könnt.
[Bearbeiten] Übersicht der Buttons
| Bild | URL zum Button | Funktion | Code |
|---|---|---|---|
| http://www.gamerpedia.de/images/buttons/Benutzer.png | Erstellt einen Link zu einem Benutzer. | Code |
| http://www.gamerpedia.de/images/buttons/Kategorie.png | Kategorisiert eine Seite. | Code |
| http://www.gamerpedia.de/images/buttons/Vorlage.png | Fügt die Vorlagenklammern ein. | Code |
| http://www.gamerpedia.de/images/buttons/Zeilenumbruch.png | Erzeugt einen Zeilenumbruch. | Code |
| http://www.gamerpedia.de/images/buttons/Absatz.png | Erzeugt einen Großabsatz. | Code |
| http://www.gamerpedia.de/images/buttons/Willkommen.png | Heißt einen Benutzer willkommen. | Code |
| http://www.gamerpedia.de/images/buttons/NBSP.png | Ein "non breaking Space" einfügen. | Code |
| http://www.gamerpedia.de/images/buttons/Sub.png | Stellt den Text tiefer. | Code |
| http://www.gamerpedia.de/images/buttons/Sup.png | Stellt den Text höher. | Code |
| http://www.gamerpedia.de/images/buttons/Pro.png | Fügt die Vorlage Pro ein. | Code |
| http://www.gamerpedia.de/images/buttons/Neutral.png | Fügt die Vorlage Neutral ein. | Code |
| http://www.gamerpedia.de/images/buttons/Contra.png | Fügt die Vorlage Contra ein. | Code |
| http://www.gamerpedia.de/images/buttons/Small.png | Erzeugt kleiner geschriebenen Text. | Code |
| http://www.gamerpedia.de/images/buttons/Big.png | Erzeugt größer geschriebenen Text. | Code |
| http://www.gamerpedia.de/images/buttons/Inuse.png | Setzt ein Inuse auf die Seite. | Code |
Alle hier aufgeführten Bilder sind "Gemeinfrei" (Lizenzfrei) das heißt diese Bilder dürfen frei verbreitet und bearbeitet werde. Diese Bilder stammen aus der Stupidedia.
[Bearbeiten] Codes der Buttons
[Bearbeiten] Benutzerlink
Code für die Hauptfunktion:
add2toolbar("javascript:insertTags('[[Benutzer:',']]','Benutzername hier einfügen')","http://www.gamerpedia.de/images/buttons/Benutzer.png","Userlink setzen");
[Bearbeiten] Kategorisieren
Code für die Hauptfunktion:
add2toolbar("javascript:insertTags('[[Kategorie:',']]','Kategorie hier einfügen')","http://www.gamerpedia.de/images/buttons/Kategorie.png","Kategorie setzen");
[Bearbeiten] Vorlage
Code für die Hauptfunktion:
add2toolbar("javascript:insertTags('{{',}}','Vorlage hier einfügen')","http://www.gamerpedia.de/images/buttons/Vorlage.png","Vorlage setzen");
[Bearbeiten] Zeilenumbruch
Code für die Hauptfunktion:
add2toolbar("javascript:insertTags('<br/>','','')","http://www.gamerpedia.de/images/buttons/Zeilenumbruch.png","Zeilenumbruch");
[Bearbeiten] Großabsatz
Code für die Hauptfunktion:
add2toolbar("javascript:insertTags('<br/>','','')","http://www.gamerpedia.de/images/buttons/Absatz.png","Großabsatz");
[Bearbeiten] Nutzer begrüßen
Code für die Hauptfunktion:
add2toolbar("javascript:WelcomeUser()", "http://www.gamerpedia.de/images/buttons/Willkommen.png", "Benutzer begrüßen");
Zusätzliche/Separate Funktion:
function WelcomeUser(){
document.editform.wpTextbox1.value = '{{Willkommen|--~~~~}}';
document.editform.wpSummary.value = 'Willkommen';
document.editform.wpSection.value = 'Willkommen';
}
[Bearbeiten] nbsp
Code für die Hauptfunktion:
add2toolbar("javascript:insertTags(' ','','')","http://www.gamerpedia.de/images/buttons/NBSP.png","Ein \"non breaking Space\" einfügen");
[Bearbeiten] Sub
Code für die Hauptfunktion:
add2toolbar("javascript:insertTags('<sub>','</sub>','')","http://www.gamerpedia.de/images/buttons/Sub.png","Text tiefstellen");
[Bearbeiten] Sup
Code für die Hauptfunktion:
add2toolbar("javascript:insertTags('<sup>','</sup>','')","http://www.gamerpedia.de/images/buttons/Sup.png","Text hochstellen");
[Bearbeiten] Pro
Code für die Hauptfunktion:
add2toolbar("javascript:insertTags('{{Pro}}','</sup>','')","http://www.gamerpedia.de/images/buttons/Pro.png","Pro einfügen");
[Bearbeiten] Neutral
Code für die Hauptfunktion:
add2toolbar("javascript:insertTags('{{Neutral}}','</sup>','')","http://www.gamerpedia.de/images/buttons/Neutral.png","Neutral einfügen");
[Bearbeiten] Contra
Code für die Hauptfunktion:
add2toolbar("javascript:insertTags('{{Contra}}','','')","http://www.gamerpedia.de/images/buttons/Contra.png","Contra einfügen");
[Bearbeiten] Small
Code für die Hauptfunktion:
add2toolbar("javascript:insertTags('<small>','</small>','')","http://www.gamerpedia.de/images/buttons/Small.png","Text kleiner schreiben");
[Bearbeiten] Big
Code für die Hauptfunktion:
add2toolbar("javascript:insertTags('<big>','</big>','')","http://www.gamerpedia.de/images/buttons/Big.png","Text größer schreiben");
[Bearbeiten] Inuse
Code für die Hauptfunktion:
add2toolbar("javascript:Inuse()", "http://www.gamerpedia.de/images/buttons/Inuse.png", "Inuse setzen");
Zusätzliche/Separate Funktion:
function Inuse(){
var ZweiUser = confirm("Arbeitest du mit einem Partner zusammen?");
if(ZweiUser == false){
var Inhalt = document.editform.wpTextbox1.value;
document.editform.wpTextbox1.value = "{{Inuse|"+Benutzername+"}}\n"+Inhalt;
var Inhalt = '';
} else {
var UserZwei = prompt("Bitte geb den Namen des zweiten Users ein. (Groß- und Kleinschreibung beachten!");
var Inhalt = document.editform.wpTextbox1.value;
document.editform.wpTextbox1.value = "{{Inuse|"+Benutzername+"|"+UserZwei+"}}\n"+Inhalt;
var Inhalt = '';
var UserZwei = '';
}
var ZweiUser = '';
}


