[Topic Unique] Apparence du nouvel éditeur de messages

[marginal]

Rappel du premier message :

MlleAlys...  SVP, ne vous sous-estimez pas.   Sérieux...  la solution proposée a réglé 50 % des problèmes...  incroyable ! MÉGA MERCI !

Il ne reste que les modifications inopérantes en mode WYSIWYG.  Est-ce que ca pourrait venir de Linux ???

en même temps, je n'aurais pas fait cette bête erreur de virgule, ça aurait fonctionné dès le début ><"

les commandes du clavier répondent bien chez moi, sur ce forum comme sur le votre...
(enfin, si j'ai bien compris de quoi il s'agissait ^^")

EDIT : SeLfde4Th7, ce code, c'est pour les espaces avant et après la citation... est ce que c'est de ça qu'on parle ? (j'aurais encore mal compris ? xD

Même ici, je suis pas capable d'utiliser les flèches, le backspace et le delete.....   fonctionne pas en mode WYSIWYG.  

Dis, mlleAlys,  Tu es ou sur la planète... je t'en doit une...  sérieux !  

Martin

alleluya !!!!!!!!!!!!  Toutes les fenêtres peu importe le mode sont de même couleur !!!  

J'ai aucune idée quel code a fait ca mais MelleAlys... vous avez fait le travail !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  MERCI !

c'était donc bien cette fichue petite virgule qui gâtait tout le code ! ><"

Maintenant le seul soucy qu'il me reste, c'est qu'en mode WYSIWYG, les flèches, le back space, et la touche delete ne fonctionnent pas...

Des idées ?  

Euh... c'est à dire ? ^^"
(mais j'ai bien peur que non =S)

[Zadig]

J'ai récupéré le code mis plus tôt, pardon, j'ai même pas les yeux en face des trous mais même constat.

En gros, quand l'éditeur est déjà en mode WYSIWYG, le texte est de couleur noire et dès que je passe en mode "source" puis repasse en mode WYSIWYG, il est en blanc (ou la couleur que j'ai appliqué). Je ne sais pas si c'est très très clair UU

[Self]

J'ai récupéré le code mis plus tôt, pardon, j'ai même pas les yeux en face des trous mais même constat.

En gros, quand l'éditeur est déjà en mode WYSIWYG, le texte est de couleur noire et dès que je passe en mode "source" puis repasse en mode WYSIWYG, il est en blanc (ou la couleur que j'ai appliqué). Je ne sais pas si c'est très très clair UU

Pouvez vous faire un test s'il vous plait ?
écrivez quelque caractère et supprimer les tous voir si le curseur passe en blanc et lécriture aussi ?

[le marsupilami]

Je n'ai que l'information : basculer le mode edition. et donc je ensais aps en quel mode ca ne marche pas
Le mode ou ca ne marche pas est celui ou l'on perd la fonction de certaines touches. soit 2 touches.

Vous navez pas ?
Pour basculer le mode d'édition c'est le seul qui est enclencher.
Lorsqu'il est comme il est en ce moment c'est le mode source, autrement c'est le mode wysiwyg

Alors c'est le code source ou le fond est blanc et l'ecriture bleu comme sur le le mode wysiwg qui lui a bien le fond vert suite aux installation de ce jour.

[Zadig]

Merci déjà te vous pencher sur le problème, aussi ridicule soit-il xD
Je viens d'essayer et aucun changement =)

[Self]

Je n'ai que l'information : basculer le mode edition. et donc je ensais aps en quel mode ca ne marche pas
Le mode ou ca ne marche pas est celui ou l'on perd la fonction de certaines touches. soit 2 touches.

Vous navez pas ?
Pour basculer le mode d'édition c'est le seul qui est enclencher.
Lorsqu'il est comme il est en ce moment c'est le mode source, autrement c'est le mode wysiwyg

Alors c'est le code source ou le fond est blanc et l'ecriture bleu comme sur le le mode wysiwg qui lui a bien le fond vert suite aux installation de ce jour.

essayer d'enlever cette partie dans votre CSS .

Code:

.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode {
  background: none !important; /*retire le fond global de  l'éditeur*/
}

[Self]

Merci déjà te vous pencher sur le problème, aussi ridicule soit-il xD
Je viens d'essayer et aucun changement =)

Essayer avec une couleur ecrite comme celle-ci gold, white à la place de #xxxxxx ce qui devrait donner "color:white" pour le blanc

[Zadig]

J'ai essayé avec les deux codes, ça ne fonctionne pas non plus

[Self]

J'ai essayé avec les deux codes, ça ne fonctionne pas non plus

Je suis désoler, mais je ne peut moi vous aidez plus que sa , j'ai moi un beug, autre que le votre avec ce code.

[Zadig]

Haha, tant pis, je vais fouiller de mon côté. Quel genre de bug ? Si je trouve la solution, je fais partager, merci quand même

[Self]

Haha, tant pis, je vais fouiller de mon côté. Quel genre de bug ? Si je trouve la solution, je fais partager, merci quand même

La couleur de la police dans ce mode se met blanche, que si j'appuis auparavant sur retour arrière.
Bonne chance dans vos recherches .

[le marsupilami]

Je n'ai que l'information : basculer le mode edition. et donc je ensais aps en quel mode ca ne marche pas
Le mode ou ca ne marche pas est celui ou l'on perd la fonction de certaines touches. soit 2 touches.

Vous navez pas ?
Pour basculer le mode d'édition c'est le seul qui est enclencher.
Lorsqu'il est comme il est en ce moment c'est le mode source, autrement c'est le mode wysiwyg

Alors c'est le code source ou le fond est blanc et l'ecriture bleu comme sur le le mode wysiwg qui lui a bien le fond vert suite aux installation de ce jour.

essayer d'enlever cette partie dans votre CSS .

Code:

.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode {
   background: none !important; /*retire le fond global de  l'éditeur*/
}

Ca ne change rien sur le fond, ca met un cadre blanc autour de l'editeur.

[Self]

Ce qui me gêne dans votre problème c'est que chez moi, sa ce gère comme sa :

Code:

.sceditor-container iframe, .sceditor-container textarea{
background-color:transparent !important; /***la couleur du background de la zone de texte****/
font:16px Trebuchet MS !important;
color:white !important;}
.sceditor-container.ltr.sourceMode, .sceditor-container.ltr.wysiwygMode
{ border: solid 1px transparent ;
background-color:transparent !important; /***la couleur du background de l'éditeur****/
width:100% !important;}

Tout vos code on l'air bon.
Pourriez vous copier entierement votre CSS dans les balise code ici ?

[le marsupilami]

les voila :

body#phpbb div#wrap {
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f40/11/60/94/76/sombre10.png');
}
/* Header-------------------------------------------------*/
.headerbar {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
background-repeat: repeat;
}
/*Navbar2-------------------------------------------------*/
#page-header ul.navlinks {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f40/11/60/94/76/sombre10.png');
margin-left: -10px;
margin-right: -10px;
margin-top: -9px;
}
#search-box input {
border: 0px solid;
margin-top: -20px;
display: none;
}
#search-box input.button1 {
display: none;
padding: 1px 5px;
}
input.search {
background-image: url('https://2img.net/i/empty.gif');
background-repeat: no-repeat;
background-position: left 1px;
display: none;
}
/* Post----------------------------------------------*/
.post {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f40/11/60/94/76/sombre10.png');
}
/* Code block------------------------------------------------*/
dl.codebox {
padding: 3px;
background-repeat: repeat;
background-color: #005456;
border: 1px solid #000000;
font-size: 1em;
}
dl.codebox dt {
text-transform: uppercase;
border-bottom: 0px solid #CCCCCC;
margin-bottom: 3px;
font-weight: bold;
display: block;
}
blockquote dl.codebox {
margin-left: 0;
}
dl.codebox code {
overflow: auto;
display: block;
height: auto;
max-height: 200px;
white-space: normal;
padding-top: 5px;
font: 0.9em Courier,CourierNew,sans-serif;
line-height: 1.3em;
color: #B7F7FF;
margin: 2px 0;
}
/* Blockquote------------------------------------------------*/
blockquote {
margin: 1em 1px 1em 25px;
padding: 5px;
background-image: url('https://i.servimg.com/u/f40/11/60/94/76/sombre10.png');
background-repeat: repeat;
border: 1px solid #000000;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
}
blockquote div {
margin-left: 0px;
}
blockquote blockquote {
background-color: #EFEED9;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
/* Table-------------------------------------------------*/
.forabg {
background-repeat: repeat;
border: 1px solid #000000;
}
.forumbg {
background-repeat: repeat;
border: 1px solid #000000;
}
/* Input Button Form---------------------------------------------------------*/
input.button1, input.button2, button.button2 {
font-size: 1em;
}
a.button1, input.button1 {
font-weight: bold;
border: 1px solid #000000;
}
a.button2, input.button2, button.button2 {
border: 1px solid #000000;
}
a.button1, input.button1, a.button2, input.button2, button.button2 {
width: auto !important;
padding: 2px 3px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #b7e6ff;
background-repeat: no-repeat;
background-color: #005456;
background-image: url('https://2img.net/i/fa/empty.gif');
background-position: top;
overflow: visible;
}
body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 {
/* Opera does not see this */
padding: 1px 0;
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
border: 1px solid #000000;
color: #fffc9e;
background-position: 0 100%;
}
a.button1:link, a.button1:visited, a.button1:active, a.button2:link, a.button2:visited, a.button2:active {
color: #b7e6ff;
text-decoration: none;
padding: 2px 8px;
line-height: 250%;
vertical-align: text-bottom;
background-position: 0 1px;
}
* html input.button1, * html input.button2, * html button.button2 {
padding-bottom: 0;
margin-bottom: 1px;
}
*+html button.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2 img {
vertical-align: middle;
}
* html button.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
* html button.button2 img {
vertical-align: middle;
}
/* Tags-------------------------------------------------*/
select {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
cursor: pointer;
vertical-align: middle;
border: 1px solid #000000;
padding: 1px;
background-color: #005456;
color: #b7e6ff;
}
/* Smilies-------------------------------------------------*/
#smiley-box {
float: right;
margin-top: 25px;
width: 18%;
background-color: #005456;
}
#smiley-box-wysiwyg {
float: left;
margin: 25px 0px 0px 15px;
width: 20%;
background-color: #005456;
}
* html #smiley-box-wysiwyg {
margin: 25px 3px 0px 0px;
background-color: #005456;
}
*+html #smiley-box-wysiwyg {
margin: 25px 3px 0px 0px;
background-color: #005456;
}
#smiley-box iframe{
border: none;
overflow: auto;
height: 300px;
width: 100%;
height: 280px;
background-color: #005456;
}
#smiley-box-wysiwyg iframe{
border: none;
overflow: auto;
height: 300px;
width: 100%;
height: 280px;
background-color: #005456;
}
.smiley-element img {
margin: 0px 15px 10px 0px;
}
/* Portail_Modules-------------------------------------------------*/
.module {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f40/11/60/94/76/sombre10.png');
}
.module h3 {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f40/11/60/94/76/sombre10.png');
}

/*--- Boutons sélectionnés ---*/

a.sceditor-button.hover {
background-color: #008892 important;
}


/***********************************************APPARENCE NOUVEL EDITEUR*/


/*général*/

.sceditor-container {
width: 75% !important; /*élargit l'éditeur*/
text-align: center !important; /*centre zone de texte et boutons*/
border: none !important; /*retire la bordure autour de l'éditeur*/
}
/*fin général*/
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode {
background: none !important; /*retire le fond global de l'éditeur*/
}
/*toolbar*/

div.sceditor-toolbar {
background: none !important; /*retire le fond*/
border: none !important; /*retire la bordure*/
}
.sceditor-dropdown {
background-color: #005456 !important; /******couleur de fond des encadrés quand on clique sur un bouton*/
background-image: url(URL DE L'IMAGE) !important; /*pour mettre une image de fond, sinon retirer cette ligne */
}
.sceditor-dropdown, .sceditor-dropdown label, .sceditor-dropdown .button {
color: black !important; /*couleur de la police dans les encadrés (quand on clique sur un bouton)*/
}
/*fin toolbar*/

/*zones de texte*/

.sceditor-container iframe, .sceditor-container textarea, .sceditor-dropdown textarea, .sceditor-dropdown input {
background-color: #005456 !important; /****couleur de fond des zones de texte*/
border: 1px solid white !important; /************bordure des zones de texte*/
padding: 5px !important; /*écartement entre la bordure et le texte*/
width: 75% !important; /*élargit la zone de texte*/
color: #B7E6FF !important; /*************couleur de la police (en mode source et zones de texte)*/
}
/*fin zones de texte*/


/*********************************************FIN APPARENCE NOUVEL EDITEUR*/

[Self]

Ecoutez je ne vois pas trop pourquoi sa irais pas.
Essayez de remplacer:

Code:

.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode {
background: none !important; /*retire le fond global de l'éditeur*/
}

par

Code:

.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode {
background: #005456 !important; /*couleur du fond global de l'éditeur*/

[le marsupilami]

Ca ne change rien.
ci joint un lien ouvert aux visiteurs pour voir le problème :

http://camping.forum-actif.eu/f3-tentes

[Self]

J'ai un gros gros problème la.
Chez moi que ce soit avec firebug pour votre forum ou tester votre code sur mon forum tout fonctione très bien.
Peut être un petit truc spécifique au phpBB3 ?

Je vous propos un dernier petit truc.
A la place de :

Code:


.sceditor-container iframe, .sceditor-container textarea, .sceditor-dropdown textarea, .sceditor-dropdown input {
background-color: #005456 !important; /****couleur de fond des zones de texte*/
border: 1px solid white !important; /************bordure des zones de texte*/
padding: 5px !important; /*écartement entre la bordure et le texte*/
width: 75% !important; /*élargit la zone de texte*/
color: #B7E6FF !important; /*************couleur de la police (en mode source et zones de texte)*/
}

Mettez:

Code:

#message-box .sceditor-container iframe, .sceditor-container textarea, .sceditor-dropdown textarea, .sceditor-dropdown input {
background-color: #005456 !important; /****couleur de fond des zones de texte*/
border: 1px solid white !important; /************bordure des zones de texte*/
padding: 5px !important; /*écartement entre la bordure et le texte*/
width: 75% !important; /*élargit la zone de texte*/
color: #B7E6FF !important; /*************couleur de la police (en mode source et zones de texte)*/
}

Si sa ne marche pas, il faudra faire appel à quelqu'un d'autre que moi :/ .

[le marsupilami]

Testé et ca ne change rien. Merci en tous les cas pour l'avancée qui a été faite aujourd'hui !!

[Shagooo]

Spoiler:

Bonsoir !

Le nouvel éditeur de messages a un avenir certain, mais nous avoir mis cette version bêta par défaut est extrêmement pas apprécié du tout....
Je constate un manque de professionnalisme.
J'ai payé un nom de domaine sur forumactif, et toutes les options pour avoir un support adapté, mais là, c'est comme si on était pris en otage, en gros la version est imposée, tu fais avec ou tu t'en vas...
Regrettable et vraiment pas sympa de votre part.
Nous sommes pour certains à font pour être au top dans notre activité, vous nous ruinés en deux minutes et sans même nous en avertir.
Je ne demande pas de réponse ni de crédits, je demande juste que la personne qui prend mon argent me lise.


Cordialement.

[Self]

Testé et ca ne change rien. Merci en tous les cas pour l'avancée qui a été faite aujourd'hui !!

Au plaisir, si j'y est contribuer .

Bonne soirée

[le marsupilami]

Testé et ca ne change rien. Merci en tous les cas pour l'avancée qui a été faite aujourd'hui !!

Au plaisir, si j'y est contribuer .

Bonne soirée

voila ce que ca donne quand le forum va mieux

[Vil le Môvé]

Bonsoir tout le monde.

Je suis administrateur du gobzforum depuis quelques années, mais je dois dire que je met rarement les mains dans le cambouis. Comprendre les feuilles css et autres étrangetés. J'aimerais donc revenir à l'ancien éditeur de messages qui fonctionnait très bien. Ceci s'avère être aussi le cas pour une grande partie de mes membres.

Comment faire ?

Serait-il possible aussi que nous soyons avertis avant de telles mise à jour ?

Voire même, plaisir suprême, qu'on nous demande notre avis ? [Ça a peut-être été fait quelque part, mais je n'ai pas encore trouvé...]

Merci d'avance de votre compréhension !

[Self]

Bonsoir tout le monde.

Je suis administrateur du gobzforum depuis quelques années, mais je dois dire que je met rarement les mains dans le cambouis. Comprendre les feuilles css et autres étrangetés. J'aimerais donc revenir à l'ancien éditeur de messages qui fonctionnait très bien. Ceci s'avère être aussi le cas pour une grande partie de mes membres.

Comment faire ?

Serait-il possible aussi que nous soyons avertis avant de telles mise à jour ?

Voire même, plaisir suprême, qu'on nous demande notre avis ? [Ça a peut-être été fait quelque part, mais je n'ai pas encore trouvé...]

Merci d'avance de votre compréhension !

Il est impossible de revenir à l'ancien éditeur, il faut attendre la correction des bugs ou faire un peut de modif à partir des codes donner dans les topic approprié.

[Kennit]

Bonjour à tous !

J'ai trouvé ce code quelque part (mais je ne sais plus où, en fait, à force de l'avoir moi-même modifié et tripoté dans tous les sens, j'ai oublié xD)
Bref, pour ce qui est de changer la couleur de la police en mode Wysiwyg, cela fonctionne mais uniquement en switchant du mode code => WYS. En ouvrant direct la page, le style n'est pas pris en compte. Alors bon, comme je n'y comprends rien et qu'il y a moult pages, si vous avez une idée, je prends

Code:

$(document).ready(function() {
                $('div.sceditor-container.ltr.wysiwygMode iframe').ready(function() {
                  $('textarea').sceditor('instance').css('body { color: #ffffff; }');
                });
            });

Salut Zadig ! Alors je pense avoir récupéré le même code que toi et (Halleluyah!) ça marche ! Je l'ai juste un peu modifier pour que ça corresponde à mon fofo, je ne sais pas si on a pris exactement le même alors je le remets ici :

Code:

$(function(){ $(function() {
          $('.sceditor-container iframe').contents().find('head').append('<style type="text/css">
body, p {
    color:white;
    background:#8599AD;
}
blockquote, code {
    color:white;
    background-color: #91ABC4;
    font-size: 12px;
    border: 2px solid #CECECE;
    padding: 5px;
   text-align: justify;
   -webkit-border-radius:10px;
   font-size: 12px;
   box-shadow: 5px 3px 5px #4D5C6B;
}
blockquote cite {
    color: white;
    border : none;
    margin: 5px;
}
code:before {
    color: white;  /*couleur du mot code*/
}
</style>')
        })});

En plus j'ai un CSS personnel, c'est peut-être parce que tu n'as pas rempli ton css que le code ne marchait pas. Voilà ce que j'ai écrit :

Code:

.sceditor-container iframe, .sceditor-container textarea{
  background: #8599AD !important;
  color: #FFFFFF !important;
}
.sceditor-container{
  background: #8599AD !important;
  color: #FFFFFF !important;
}

Voilà je sais pas si ça fonctionnera pour toi mais en tout cas, ça a marché pour moi =)

[Self]

Bonjour Kennit.
Et vous n'avez aucun bug au niveau de la couleur de l'écriture en mode wysiwyg ?

[Kennit]

Plus aucun maintenant. Mes membres ne se plaignent pas, et ça écrit blanc en mode source et en mode WYSIWYG sans aucun bug. J'espère que ça va durer !

[mercedes damien]

Bonsoir tout le monde.

Je suis administrateur du gobzforum depuis quelques années, mais je dois dire que je met rarement les mains dans le cambouis. Comprendre les feuilles css et autres étrangetés. J'aimerais donc revenir à l'ancien éditeur de messages qui fonctionnait très bien. Ceci s'avère être aussi le cas pour une grande partie de mes membres.

Comment faire ?

Serait-il possible aussi que nous soyons avertis avant de telles mise à jour ?

Voire même, plaisir suprême, qu'on nous demande notre avis ? [Ça a peut-être été fait quelque part, mais je n'ai pas encore trouvé...]

Merci d'avance de votre compréhension !

Il est impossible de revenir à l'ancien éditeur, il faut attendre la correction des bugs ou faire un peut de modif à partir des codes donner dans les topic approprié.

et c'est quand que tout sera corrigé ? car là c'est un peu le bronx , les gens me questionne et je ne sais plus quoi leur répondre, comme dit plus haut ça serait bien qu'on ait le choix à l'avenir.

[Elfwyn]

Bonjour à vous,

Jusqu'ici j'ai réussi à me dépatouiller pour ce qui est de l'apparence du nouvel éditeur. Cependant 3 problèmes demeurent...

Je vous les livre...

• La police (au moins dans le modeSource), je veux Georgia et nulle autre.
• La couleur de la police pour le mode wysiwyg !
• Le panel des couleurs qui demeure inchangé malgré les codes.

J'ai bien vu tous les codes que vous mettiez à notre disposition, Javascript CSS et tout et tout. Mais ça serait bien que vos Javascripts fonctionnent, non ? À savoir que pour le panel des couleurs simplifiées, rien à faire ça ne bouge pas, donc c'est quoi le problème ?

Pareil pour tout le reste, la couleur de la police qui reste black sur du black en mode wysiwyg, je ne vous dis comment c'est trop simple à rédiger de cette façon ha ha !

Et enfin la police Georgia qui refuse de s'appliquer, là je désire AU MOINS l'avoir en mode source. Je n'arrive pas à me concentrer avec votre police type administrative.

Petit plus pour vous aider à la correction de votre affaire...

Le mode Wysiwyg est idéale pour l'édition d'un tableau très chargé en code, mais voilà, lorsqu'on envoie le tableau mis à jour, une multitude de saut de ligne se font entre temps, le tableau a donc quadruplé de volume. Question, à quoi bon le Wysiwyg si ça fiche tout parterre ? Car j'ai été assez fou pour supprimer tous les sauts de ligne, mais à peine renvoyé que ça le refait. Ca serait bien d'y remédier ^^

Note ; Pardonnez mon langage un peu brute, mais je ne supporte pas la privation de liberté. On devrait TOUJOURS avoir le choix !

[MlleAlys]

• La police (au moins dans le modeSource), je veux Georgia et nulle autre.
• La couleur de la police pour le mode wysiwyg !
• Le panel des couleurs qui demeure inchangé malgré les codes.

J'ai bien vu tous les codes que vous mettiez à notre disposition, Javascript CSS et tout et tout. Mais ça serait bien que vos Javascripts fonctionnent, non ? À savoir que pour le panel des couleurs simplifiées, rien à faire ça ne bouge pas, donc c'est quoi le problème ?

Pareil pour tout le reste, la couleur de la police qui reste black sur du black en mode wysiwyg, je ne vous dis comment c'est trop simple à rédiger de cette façon ha ha !

Et enfin la police Georgia qui refuse de s'appliquer, là je désire AU MOINS l'avoir en mode source. Je n'arrive pas à me concentrer avec votre police type administrative.

Bonjour !
Pourriez vous donner les différents codes que vous avez utilisés s'il vous plait ?
(et, concernant le panel de couleurs simplifiées, il fonctionne très bien sur les deux forums où je l'ai installé )

[Self]

Spoiler:

et c'est quand que tout sera corrigé ? car là c'est un peu le bronx , les gens me questionne et je ne sais plus quoi leur répondre, comme dit plus haut ça serait bien qu'on ait le choix à l'avenir.

Vous pouvez suivre l'avancement des corrections sur ce topic .

Mais ça serait bien que vos Javascripts fonctionnent, non ?

Quel code javascript ne fonctionne pas ?

[Elfwyn]

Hello, c'est parfait c'était justement toi que j'escomptais voir xD

Voici donc les codes en question (Panel de couleurs simplifiées)...

Code:

/*sélecteur de couleurs*/
 
.editor_color_panel{
   background-color:#fff;
   width:189px;height:135px;
}
.editor_color_panel .color_general{
   height:16px;
   margin:11px 7px 9px 11px;
}
.editor_color_panel .color_list{
   height:70px;
   margin:0 7px 0 11px;
}
.editor_color_panel .color_standard{
   height:16px;
   margin:13px 7px 8px 11px;
}
.editor_color_panel strong{
   font-size:0;
   display:block;
   width:14px;
   height:14px;
   margin-right:3px;
   float:left;
   cursor:pointer;
}
/*fin sélecteur de couleurs*/

Et le Javascript...

Code:

$(function () {
    $(function () {
 
        $.sceditor.command.get('color')._dropDown = function (editor, caller, callback) {
            var content = $("<div />"),
                cmd = $.sceditor.command.get('color');
 
            if (!cmd._htmlCache) {
 
                var pre = '<strong style="background-color:#',
                    suf = ';" unselectable="on"><span></span></strong>';
 
                var htmlGen = [pre, 'ffffff,000000,eeece1,1f497d,4f81bd,c0504d,9bbb59,8064a2,4bacc6,f79646'.split(',').join(suf + pre), suf].join('');
 
                var htmlList = [pre, 'f2f2f2,7f7f7f,ddd9c3,c6d9f0,dbe5f1,f2dcdb,ebf1dd,e5e0ec,dbeef3,fdeada,d8d8d8,595959,c4bd97,8db3e2,b8cce4,e5b9b7,d7e3bc,ccc1d9,b7dde8,fbd5b5,bfbfbf,3f3f3f,938953,548dd4,95b3d7,d99694,c3d69b,b2a2c7,92cddc,fac08f,a5a5a5,262626,494429,17365d,366092,953734,76923c,5f497a,31859b,e36c09,7f7f7f,0c0c0c,1d1b10,0f243e,244061,632423,4f6128,3f3151,205867,974806'.split(',').join(suf + pre), suf].join('');
 
                var htmlStandard = [pre, 'c00000,ff0000,ffc000,ffff00,92d050,00b050,00b0f0,0070c0,002060,7030a0'.split(',').join(suf + pre), suf].join('');
 
                var htmlGeneralPanel = ['<div class="editor_color_panel" style="z-index:12;" unselectable="on"><div class="color_general" unselectable="on">', htmlGen, '</div><div class="color_list" unselectable="on">', htmlList, '</div><div class="color_standard" unselectable="on">', htmlStandard, '</div></div>'].join('');
 
                cmd._htmlCache = htmlGeneralPanel;
            }
            content.append(cmd._htmlCache)
                .find('strong')
                .click(function (e) {
                    callback($(this).attr('style').substr(17, 7));
                    editor.closeDropDown(true);
                    e.preventDefault();
                });
 
            editor.createDropDown(caller, "color-picker", content);
        };
 
    })
});

Résultat...

Frustré, moi ? Jamais xD