Derniers sujets*
» [TOUTES VERSIONS]Mise en place automatique décorations
par clost Dim 21 Fév 2021 - 11:37
» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par fred9545 Mar 2 Fév 2021 - 21:03
» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
par clost Dim 21 Fév 2021 - 11:37
» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par fred9545 Mar 2 Fév 2021 - 21:03
» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
Les statistiques du forum
[TOUTES VERSIONS]Afficher au dessus de l'éditeur l'information si mode Wysiwyg ou texte
Page 1 sur 1 • Partagez
- Milouze14Fondateur
Hello les ami(e)s,
l'astuce suivante permettra à vos membres de voir si l'éditeur est en mode Wysiwyg :
(ce que vous tapez est ce que vous verrez) ou en mode html (texte).
L'avantage est qu'au clic sur le bouton permettant de changer de mode,
le message sera instantané avec une légère transition
.
Les aperçus imagés:
Insertion d'un Smiley en mode html (texte)
![[TOUTES VERSIONS]Afficher au dessus de l'éditeur l'information si mode Wysiwyg ou texte 1189](https://i.servimg.com/u/f87/11/26/21/37/1189.png)
Insertion d'un Smiley en mode Wysiwyg
![[TOUTES VERSIONS]Afficher au dessus de l'éditeur l'information si mode Wysiwyg ou texte 254](https://i.servimg.com/u/f87/11/26/21/37/254.png)
![[TOUTES VERSIONS]Afficher au dessus de l'éditeur l'information si mode Wysiwyg ou texte Editeur](https://www.milouze14.fr/editeur.gif)
Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript
Mettez un titre explicite.
Cochez sur toutes les pages.
Déposez ceci:
Pensez a cliquer sur le bouton Valider
Vous pouvez changer le texte de chacun ici entre les guillemets:
Puis le style, que vous pouvez modifier comme bon vous semble:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposez ceci:
Pensez à valider les modifications en cliquant sur le bouton Valider
Vous pouvez aussi changer les icônes avec ce style:
Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide
https://www.milouze14.com/f108-entraide-tous-supports
l'astuce suivante permettra à vos membres de voir si l'éditeur est en mode Wysiwyg :
(ce que vous tapez est ce que vous verrez) ou en mode html (texte).
L'avantage est qu'au clic sur le bouton permettant de changer de mode,
le message sera instantané avec une légère transition

Les aperçus imagés:
Insertion d'un Smiley en mode html (texte)
![[TOUTES VERSIONS]Afficher au dessus de l'éditeur l'information si mode Wysiwyg ou texte 1189](https://i.servimg.com/u/f87/11/26/21/37/1189.png)
Insertion d'un Smiley en mode Wysiwyg
![[TOUTES VERSIONS]Afficher au dessus de l'éditeur l'information si mode Wysiwyg ou texte 254](https://i.servimg.com/u/f87/11/26/21/37/254.png)
![[TOUTES VERSIONS]Afficher au dessus de l'éditeur l'information si mode Wysiwyg ou texte Editeur](https://www.milouze14.fr/editeur.gif)
-Astuce des Forums Milouze14&Compagnie-
Pour toute information,merci de contacter un Membre du Staff | ![]() |
Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript
Mettez un titre explicite.
Cochez sur toutes les pages.
Déposez ceci:
- Code:
$(function() {
$(function() {
$editor = $('.sceditor-container');
var a =$editor.hasClass('wysiwygMode');
var b =$editor.hasClass('sourceMode');
//LE TEXTE POUR LE MODE WYSIWYG
var visu="Ce que vous voyez est ce que vous obtenez";
//LE TEXTE POUR LE MODE HTML
var html="Mode texte";
$('.sceditor-container').before('<div id="M14_EDITOR"></div>');
if(a){$('#M14_EDITOR').text(visu); }if(b){$('#M14_EDITOR').text(html);}
$('a.sceditor-button.sceditor-button-source').click(function(){
var c=$(this).hasClass('hover');var d=$(this).not('hover');
if(c){$('#M14_EDITOR').fadeOut().fadeIn().text(html); }
else if(d){ $('#M14_EDITOR').fadeOut().fadeIn().text(visu);}
});})});
Pensez a cliquer sur le bouton Valider
Vous pouvez changer le texte de chacun ici entre les guillemets:
- Code:
//LE TEXTE POUR LE MODE WYSIWYG
var visu="Ce que vous voyez est ce que vous obtenez";
//LE TEXTE POUR LE MODE HTML
var html="Mode texte";
Puis le style, que vous pouvez modifier comme bon vous semble:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposez ceci:
- Code:
#M14_EDITOR
{
background-color: #666 !important;
color: #fff;
font-size: 12px;
font-style: italic;
text-align:center;
padding: 4px;
height: 14px;
line-height: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 5px;
box-sizing: content-box;
}
Pensez à valider les modifications en cliquant sur le bouton Valider
Vous pouvez aussi changer les icônes avec ce style:
- Code:
/*Bouton wysiwyg */
a.sceditor-button.sceditor-button-source:not(.hover) div
{
background:url(https://i.servimg.com/u/f87/11/26/21/37/keyboa10.png);
background-repeat: no-repeat;
height: 16px;
width: 16px;
}
/*Bouton html */
a.sceditor-button.sceditor-button-source.hover div
{
background:url(https://i.servimg.com/u/f87/11/26/21/37/docume10.png);
background-repeat: no-repeat;
height: 16px;
width: 16px;
}
Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide

https://www.milouze14.com/f108-entraide-tous-supports
Dernière édition par Milouze14 le Dim 22 Nov 2020 - 8:43, édité 8 fois
- SplashMilouzien
- photoclicMilouzien
Merci beaucoup !
Excellent Philippe!
ça complète parfaitement cette astuce: https://www.milouze14.com/t31647-toutes-versionsfond-different-en-fonction-du-mode-d-edition
Pour laquelle on peut aussi colorier le bouton comme le fond ainsi:
Excellent Philippe!
ça complète parfaitement cette astuce: https://www.milouze14.com/t31647-toutes-versionsfond-different-en-fonction-du-mode-d-edition
Pour laquelle on peut aussi colorier le bouton comme le fond ainsi:
- Code:
/*Bouton wysiwyg idem fond */
a.sceditor-button.sceditor-button-source:not(.hover){background:#cde9ff;}
- Milouze14Fondateur
Hello Serge,
oui mais ce script est instantané lors du clic contrairement à l"autre
.
Je viens d'ailleurs d'ajouter le lien de cette astuce pour l'occasion
.
oui mais ce script est instantané lors du clic contrairement à l"autre

Je viens d'ailleurs d'ajouter le lien de cette astuce pour l'occasion

NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
- MoraneMilouzien
Merci Phil, très pratique 

- chrisnvidiaMilouzien
- Milouze14Fondateur
Hello les ami(e)s,
je viens d'ajouter un style si toutefois vous désiriez changer les icônes
dans les deux modes
je viens d'ajouter un style si toutefois vous désiriez changer les icônes
dans les deux modes

Dernière édition par Milouze14 le Sam 9 Mar 2019 - 19:47, édité 1 fois
NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
- Quad DanielAnimateur blagueur
merci Philippe 

- fred9545Milouzien
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- hamesashekMilouzien
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- Ptite_PerleMilouzien
Merci
- ChérylMilouzien
Merci beaucoup
- Quad DanielAnimateur blagueur
Merci beaucoup
Sujets similaires internes ( 0 )
Aucun sujet
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum