Comment puis-je ajouter une barre de boutons dans la fenêtre d'édition comme sur le site pmwiki.org ?
Dans le fichier local/config.php ajouter :
$EnableGUIButtons = 1;
C'est tout !
Vous trouvez peut-être les boutons originaux un peu petits (22x22), utilisez alors un nouveau jeu de boutons plus grands (34x32) :
Ces boutons seront installés dans un nouveau sous-répertoire de /pub, par exemple pub/guiedit32.
Ajoutez la ligne suivante au fichier local/config.php :
$GUIButtonDirUrlFmt = '$FarmPubDirUrl/guiedit32';
Vous pouvez ajouter de nouveaux boutons en mettant leur description dans le fichier local/config.php.
Ce script ajoute une barre de boutons au formulaire d'édition.
Les boutons sont placés dans le tableau $GUIButtons, chaque bouton est décrit par un tableau de cinq valeurs :
La position est juste un numéro d'ordre, vous pouvez avoir des écarts supérieurs à 1 entre les nombres, ce qui permet de réserver de la place pour insérer des boutons plus tard.
Les positions actuelles sont :
Autres boutons du fichier sample-config
$GUIButtons['h2'] = array(400, '\\n!! ', '\\n', '$[Heading]',
'$GUIButtonDirUrlFmt/h2.gif"$[Heading]"');
$GUIButtons['h3'] = array(402, '\\n!!! ', '\\n', '$[Subheading]',
'$GUIButtonDirUrlFmt/h3.gif"$[Subheading]"');
$GUIButtons['indent'] = array(500, '\\n->', '\\n', '$[Indented text]',
'$GUIButtonDirUrlFmt/indent.gif"$[Indented text]"');
$GUIButtons['outdent'] = array(510, '\\n-<', '\\n', '$[Hanging indent]',
'$GUIButtonDirUrlFmt/outdent.gif"$[Hanging indent]"');
$GUIButtons['ol'] = array(520, '\\n# ', '\\n', '$[Ordered list]',
'$GUIButtonDirUrlFmt/ol.gif"$[Ordered (numbered) list]"');
$GUIButtons['ul'] = array(530, '\\n* ', '\\n', '$[Unordered list]',
'$GUIButtonDirUrlFmt/ul.gif"$[Unordered (bullet) list]"');
$GUIButtons['hr'] = array(540, '\\n----\\n', '', '',
'$GUIButtonDirUrlFmt/hr.gif"$[Horizontal rule]"');
$GUIButtons['table'] = array(600,
'||border=1 width=80%\\n||$[!Hdr] ||$[!Hdr] ||$[!Hdr] ||\\n'.
'|| || || ||\\n|| || || ||\\n',
'', '',
'$GUIButtonDirUrlFmt/table.gif"$[Table]"');
$GUIButtons ['advtable'] = array(610,
'(:table border=1 width=80%:)\\n(:cellnr:)\'\'\'$[Header]\'\'\'\\n'.
'(:cell:)\'\'\'$[Header]\'\'\'\\n(:cell:)\'\'\'$[Header]\'\'\'\\n'.
'(:cellnr:)\\n(:cell:)\\n(:cell:)\\n(:tableend:)\\n',
'', '', '$GUIButtonDirUrlFmt/table2.gif"$[Advanced table]"');
$GUIButtons ['pagetoc'] = array(90, '\\n(:toc:)\\n', '', '',
'$GUIButtonDirUrlFmt/toc.gif"$[Table of content]"');
$GUIButtons ['image'] = array(620, 'Img:', '', '$[MyImage.jpg]',
'$GUIButtonDirUrlFmt/image.gif"$[Insert image]"');
Une amélioration au script peut être d'autoriser l'annulation. Sur certains navigateurs/systèmes 'Ctrl-Z' fonctionne, mais pas sur tous.
Je ne le savais pas. Je choisis de ne pas afficher la barre de boutons en mettant ce qui suit à la fin de insButton()
var clientPC = navigator.userAgent.toLowerCase();
var BrowserIsSafari = ((clientPC.indexOf('applewebkit')!=-1)
&& (clientPC.indexOf('spoofer')==-1));
var BrowserIsOpera = clientPC.indexOf('opera')!=-1;
if (BrowserIsSafari || BrowserIsOpera) return;
Un exemple de barre de gros boutons avec les boutons décrits ci-dessus :
http://cncloisirs.com/Fonctionnement.BacASable?action=edit
Note : vous pouvez aussi trouver sur cette fenêtre d'édition, la suppression du menu, de l'en-tête et du pied de page décrits ici : layout edit modified?
Le texte associé aux boutons peut être traduit dans un langage donné dans les XLPage(s). Voir le paragraphe approprié dans PmWiki.XLPageTemplate.
<< Editer par double click | Index compléments | Formatage des tableaux simples >>
Traduction de Cookbook.GuiEdit - Page originale sur PmWiki:PmWikiFr.BarreDédition