Diskussion:Editierhelfer

aus ZUM-Wiki, dem Wiki für Lehr- und Lerninhalte auf ZUM.de
Wechseln zu: Navigation, Suche

Ein wenig überrascht habe ich gemerkt, dass der Editierhelfer auf der Startseite aufgetaucht ist. Das finde ich sehr nett, allerdings kann er dort nicht editiert werden, daher habe ich mal diese Diskussion angelegt, um über weitere Funktionalitäten nachzudenken. Zunächst 2 elementare Fragen: Wer ist Ansprechpartner für den Editierhelfer bzw. Änderungen an ihm? Ist es möglich, den Editierhelfer in das Standardeditierfeld zu übernehmen? Anschließend Erweiterungsvorschläge... Ugh 11:31, 10. Jan 2006 (CET)

Achim hat den Editierhelfer hier eingefügt (und dies - meine ich - auch in der Admin-Mailingliste mitgeteilt). - Man kann ihn wohl nicht oberhalb des Editierfeldes einbinden. Das würde m.E. die Übersichtlichkeit auch beeinträchtigen; und die wichtigsten Funktionen sind dort ja noch kürzer dargestellt (man muss nur jeweils einen Text markieren und kann dann mit einem Klick z.B. die Formatierung für einen internen Link einfügen). - Einen Link zum Editierhelfer könnte man allerdings unterhalb des Kastens "Sonderzeichen" einfügen. Wäre das sinnvoll und wünschenswert? --Karl.Kirst 17:39, 10. Jan 2006 (CET)
Inzwischen ist der Editierhelfer optisch geliftet worden: Er ist jetzt vor allem "schlanker" (nimmt weniger Platz ein als vorher) und insgesamt übersichtlicher geworden. Und ich habe mich entschieden, ihn einfach mal probehalber wie oben vorgeschlagen unterhalb des Kastens "Sonderzeichen" unter dem Editierfenster anzubringen. - Dafür habe ich eine auf der entsprechenden Seite MediaWiki:Copyrightwarning einen Zeilenumbruch , den Achim eingefügt hatte, weggelassen. Bei mir sieht das jetzt gut aus. Sollte es auf anderen Rechnern Probleme mit der Darstellung geben, ändere MediaWiki:Copyrightwarning. - --Karl.Kirst 22:52, 10. Jan 2006 (CET)
Ich finde die neue Anordnung sehr gut platziert. Die Erweiterungen einzubauen ist kein Problem, ich brauche nur den Code dafür. --Achim 09:47, 11. Jan 2006 (CET)
Die Überarbeitung kommt per Mail zu Achim. Habe heute probiert, auch den Text des Ursprungsfensters zu übertragen, bekomme aber die Meldung, dass ich keine Zugriffsrechte habe. Schade, das würde das Tool wirklich aufwerten (wenn es direkt mit dem Editortext kommunizieren könnte) Ugh 11:01, 11. Jan 2006 (CET)

Mögliche Erweiterungen

  • Wikipedia Zitat
  • Link zum ZUM-Wiki
  • Link zu Formatierungsvorlagen
  • Einrücken mit : (nur ein ":") erledigt

Code Überarbeitet

<nowiki>



<html>
<head>
<style type="text/css">
<!--
 form
   { padding:2px; border:2px solid #DDDDDD; }
 td
   { font-size:12px; font-family:Arial; font-weight:normal; }
 input, select, textarea
   { font-size:12px; font-family:Verdana; font-weight:normal; }
 input, select, textarea
   { color:#0000CC; }
 input
   { font-size:11px; }
 .Bereich, .Feld
   { background-color:#FFFFAA; width:300px; border:6px solid #DDDDDD; }
 .Auswahl
   { background-color:#DDFFFF; width:300px; border:6px solid #DDDDDD; }
 .Button
   { background-color:#AAAAAA; color:#FFFFFF; width:200px; border:2px solid #DDDDDD; }
 .Button2
   { background-color:#AAAAAA; color:#FFFFFF; width:30px; border:2px solid #DDDDDD; }
 .Button3
   { background-color:#AAAAAA; color:#FFFFFF; width:27px; border:2px solid #DDDDDD; }
-->
</style>
</head>
<body>
<table><tr><td>
<form method="post" id="form_name">
<textarea name="content" cols="100" rows="40" wrap="soft" ></textarea>
</form>
  </td>

<td style="vertical-align: top; padding-left: 3px;">
Überschriften: 
<input class="button2" style="color: #0000ff;" type="button"  value="h2" onclick="bbcode('\n== ', ' ==');" />
<input class="button2" style="color: #0000ff;" type="button"  value="h3" onclick="bbcode('\n=== ', ' ===');" />
<input class="button2" style="color: #0000ff;" type="button"  value="h4" onclick="bbcode('\n==== ', ' ====');" /><br>
<input class="button" style="color: #0000ff;" type="button"  value="Tabelle" onclick="tabelle();" /><br>
<input class="button" style="color: #0000ff;" type="button"  value="Datum" onclick="datum();" /><br>
<input class="button" style="color: #0000ff;" type="button"  value="akt. Dat+Uhr" onclick="uhr();" /><br>
<input class="button" style="color: #0000ff;" type="button"  value="Bild mit Vorschau" onclick="bildvorschau();" /><br>
<input class="button" style="color: #0000ff;" type="button"  value="Bild skaliert" onclick="bildrechts();" /><br>
<input class="button" style="color: #0000ff;" type="button"  value="Bild mit Rahmen" onclick="bildframed();" /><br>
<input class="button" style="font-weight: bold;;" type="button"  value="'''fett'''" onclick=bbcode("'''","'''"); /><br>
<input class="button" style="font-style: italic;" type="button"  value="''kursiv''" onclick=bbcode("''","''"); /><br>
<input class="button" style="font-style: underline;" type="button"  value="<u>unterstrichen</u>" onclick="bbcode('<u>', '</u>');" /><br>
<input class="button" style="color: #ff0000;" type="button"  value="<strike>durchgestr</strike>" onclick="bbcode('<strike>','</strike>');" /><br>
<input class="button" style="color: #ff0000;" type="button"  value="<pre>vorformat
" onclick="bbcode('
','
');" />

<input class="button" style="color: #ff0000;" type="button" value="hochgestellt" onclick="bbcode('', '');" />
<input class="button" style="color: #ff0000;" type="button" value="tiefgestellt" onclick="bbcode('', '');" />
Einrückungen: <input class="button3" style="color: #0000ff;" type="button" value=":" onclick="insert('\n::');" /> <input class="button3" style="color: #0000ff;" type="button" value="::" onclick="insert('\n::');" /> <input class="button3" style="color: #0000ff;" type="button" value=":::" onclick="insert('\n:::');" /> <input class="button3" style="color: #0000ff;" type="button" value="::::" onclick="insert('\n::::');" />
<input class="button" type="button" style="color: #0000ff;" value="XXXW-Logo.gif" onclick="bbcode2('{{{2}}}W-Logo.gif');" />
<input class="button" type="button" style="color: #0000ff;" value="

Zitat-Text


Aus: W-Logo.gif Datum, {{{4}}} - Die Inhalte der Wikipedia unterliegen der GNU-Lizenz für freie Dokumentation.

" onclick="bbcode2('

', '


Aus: W-Logo.gif Datum, {{{4}}} - Die Inhalte der Wikipedia unterliegen der GNU-Lizenz für freie Dokumentation.

');" />

<input class="button" type="button" style="color: #0000ff;" value="

Noia 64 apps kontour.png   Meinung

XXX - ~~~~


Bitte ändere den Inhalt dieses Beitrags nicht. Denn er gibt eine persönliche Meinung wieder.

" onclick="bbcode('
Noia 64 apps kontour.png   Meinung

', '- ~~~~


Bitte ändere den Inhalt dieses Beitrags nicht. Denn er gibt eine persönliche Meinung wieder.

');" />
<input class="button" type="button" style="color: #0000ff;" value="

XXX

" onclick="bbcode('

', '

');" />

<input class="button" type="button" style="color: #ffff00;" value="

XXX

" onclick="bbcode('

', '

');" />
<input class="button" type="button" style="color: #008000;" value="

XXX

" onclick="bbcode('

', '

');" />

<input class="button" style="color: #0000ff;"" type="button" value="#redirect XXX" onclick="bbcode('#redirect ', '');" />
Upload:

<input class="button" type="button" style="color: #0000ff;" value="Foto Copyright Angabe" onclick="insert('* Beschreibung:\n* Quelle:\n* Fotograf/Zeichner:\n* Andere Versionen:\n
Heckert GNU white.svg Diese Datei wurde unter der GNU-Lizenz für freie Dokumentation veröffentlicht.

Es ist erlaubt, die Datei unter den Bedingungen der GNU-Lizenz für freie Dokumentation, Version 1.2 oder einer späteren Version, veröffentlicht von der Free Software Foundation, zu kopieren, zu verbreiten und/oder zu modifizieren. Es gibt keine unveränderlichen Abschnitte, keinen vorderen Umschlagtext und keinen hinteren Umschlagtext.

(für die GNU FDL)\n
PD-icon.png Dieses Bild wurde von seinem Urheber zur uneingeschränkten Nutzung freigegeben oder erreicht nicht die nötige Schöpfungshöhe, um geschützt zu sein. Das Bild ist damit gemeinfrei („public domain“). Dies gilt weltweit.
(für Public Domain)');" />

<input class="button" style="color: #0000ff;"" type="button" value="GNU-Bild" onclick="gnu_bild();" />
Sonstiges:
<input class="button" style="color: #0000ff;" type="button" value="XXX" onclick="bbcode('', '');" />
<input class="button" style="color: #0000ff;" type="button" value="" onclick="bbcode();" />
<a href="Farbnamen.htm" target="_blank"> Farbnamen</a> in neuem Fenster
<a href="http://www.uni-bonn.de/~manfear/html2wiki-tables.php" target="_blank">html2wiki Konverter </a> in neuem Fenster
<a href="http://www.zum.de/wiki/index.php/ZUM-Wiki:Vorlagen" target="_blank">ZUM-Wiki-Vorlagen </a> in neuem Fenster
</td> </tr> </table> </body> </html>


<script type="text/javascript">

function bbcode2(v,v2){

if (!v2) v2=v;
if (document.selection) // fuer IE
  {

var str = document.selection.createRange().text;

   document.forms['form_name'].elements['content'].focus();
   var sel = document.selection.createRange();
   sel.text = v  + str +"|" + str +  v2 ;
   return;
  }
 else if (document.forms['form_name'].elements['content'].selectionStart != null) // für Mozilla
  {
   var txtarea = document.forms['form_name'].elements['content'];
   var selLength = txtarea.textLength;
   var selStart = txtarea.selectionStart;
   var selEnd = txtarea.selectionEnd;
   var oldScrollTop = txtarea.scrollTop;
   var s1 = (txtarea.value).substring(0,selStart);
   var s2 = (txtarea.value).substring(selStart, selEnd)
   var s3 = (txtarea.value).substring(selEnd, selLength);
   txtarea.value = s1 + v + s2 + v2 + s3;
   txtarea.selectionStart = s1.length;
   txtarea.selectionEnd = s1.length + 5 + s2.length + v.length * 2;
   txtarea.scrollTop = oldScrollTop;
   txtarea.focus();
   return;
  }
 else insert('[' + v + '][/' + v + '] ');
}    


// bbcode fuegt v an den Anfang und v2 ans Ende des markierten Textes function bbcode(v,v2)

{
if (!v2) v2=v;
if (document.selection) // fuer IE
  {

var str = document.selection.createRange().text;

   document.forms['form_name'].elements['content'].focus();
   var sel = document.selection.createRange();
   sel.text = v  + str +  v2 ;
   return;
  }
 else if (document.forms['form_name'].elements['content'].selectionStart != null) // für Mozilla
  {
   var txtarea = document.forms['form_name'].elements['content'];
   var selLength = txtarea.textLength;
   var selStart = txtarea.selectionStart;
   var selEnd = txtarea.selectionEnd;
   var oldScrollTop = txtarea.scrollTop;
   var s1 = (txtarea.value).substring(0,selStart);
   var s2 = (txtarea.value).substring(selStart, selEnd)
   var s3 = (txtarea.value).substring(selEnd, selLength);
   txtarea.value = s1 + v + s2 + v2 + s3;
   txtarea.selectionStart = s1.length;
   txtarea.selectionEnd = s1.length + 5 + s2.length + v.length * 2;
   txtarea.scrollTop = oldScrollTop;
   txtarea.focus();
   return;
  }
 else insert('[' + v + '][/' + v + '] ');
}

// fuegt what an Cursorstelle ein function insert(what)

{
 if (document.forms['form_name'].elements['content'].createTextRange)
  {
   document.forms['form_name'].elements['content'].focus();
   document.selection.createRange().duplicate().text = what;
  }
 else if ((typeof document.forms['form_name'].elements['content'].selectionStart) != 'undefined') // für Mozilla
  {
   var tarea = document.forms['form_name'].elements['content'];
   var selEnd = tarea.selectionEnd;
   var txtLen = tarea.value.length;
   var txtbefore = tarea.value.substring(0,selEnd);
   var txtafter =  tarea.value.substring(selEnd, txtLen);
   var oldScrollTop = tarea.scrollTop;
   tarea.value = txtbefore + what + txtafter;
   tarea.selectionStart = txtbefore.length + what.length;
   tarea.selectionEnd = txtbefore.length + what.length;
   tarea.scrollTop = oldScrollTop;
   tarea.focus();
  }
 else
  {
   document.forms['form_name'].elements['content'].value += what;
   document.forms['form_name'].elements['content'].focus();
  }
}


// Fügt die Uhrzeit ein function uhr(){

 var str=zeit()+"\n";
 insert(str);

}

// Fügt das Datum ein function datum(){ var Jetzt = new Date(); var Tag = Jetzt.getDate(); var Monat = Jetzt.getMonth() + 1; var Jahr = Jetzt.getYear(); if (Jahr < 2000)

 Jahr = Jahr + 1900;

var str= Tag + "." + Monat + "." + Jahr+"\n"; insert(str); }

function tabelle() { var s0="{| border='1' width='95%' cellpadding='10'\n"; var s1="!Titel 1\n!Titel 2\n|-\n"; var s2="|width=300px bgcolor=blue|Zeile 1\n| ...\n|-\n"; var s3="|Zeile 2\n| ...\n|-\n"; var s4="|Zeile 3\n| ...\n|}"; insert(s0+s1+s2+s3+s4); }

function bildvorschau(){

var str= "
Erläuterung
";

insert(str); }

function bildrechts(){ var str= "Beschreibung"; insert(str); }

function bildframed(){

var str= "
Beschreibung Link ...
";

insert(str); }

function zeit(){ var Jetzt = new Date(); var Tag = Jetzt.getDate(); var Monat = Jetzt.getMonth() + 1; var Jahr = Jetzt.getYear(); var Stunden = Jetzt.getHours(); var Minuten = Jetzt.getMinutes(); var NachVoll = ((Minuten < 10) ? ":0" : ":"); if (Jahr < 2000)

 Jahr = Jahr + 1900;

var str= Tag + "." + Monat + "." + Jahr + "-" +Stunden + NachVoll + Minuten; return str; }

function gnu_bild(){ var s1="Dieses Bild wurde unter der GNU-Lizenz für freie Dokumentation veröffentlicht.\n\n"; var s2="Es ist erlaubt das Bild zu kopieren, zu verbreiten und/oder zu modifizieren, unter den Bedingungen der" ; var s3=" GNU-Lizenz für freie Dokumentation (http://www.gnu.org/home.de.html), Version 1.2 oder einer späteren Version, veröffentlicht von der Free"; var s4=" Software Foundation. Es gibt keine unveränderlichen Abschnitte, keinen vorderen Umschlagtext und keinen"; var s5=" hinteren Umschlagtext."; var str= s1+s2+s3+s4+s5; insert ("http://www.zum.de/Faecher/M/NRW/wikis/GNU_white.png\n"+str); } </script>

</pre></nowiki></pre>