Changer les tailles de police disponibles dans l'éditeur de message

[Thierz]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : non défini
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://astronautique.actifforum.com/

Description du problème

Bonjour,

Quand nos membres écrivent un message sur le forum, ils ont la possibilité de changer la taille du texte grâce à la liste déroulante qui leur propose les tailles suivantes :
10
13
16
18
24

J'aimerais savoir comment faire pour remplacer la taille 13 par 14, qui correspond à la taille standard de notre police maintenant que nous avons revu l'apparence de notre forum.

Merci d'avance si vous pouvez m'aider !

Cordialement,

Thierz

[Invité]

Hello Thierz,
alors, tu auras toujours le bbcode suivant dans le corps de message:

Code:

[size=13][/size]

Mais avec la C.S.S suivante:
On modifie donc l'apparence dans le menu déroulant de l'éditeur et ainsi que dans les messages publiés.

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


.sceditor-dropdown.sceditor-fontsize-picker a.sceditor-fontsize-option span[style="font-size: 13px;"]
{
font-size:0px!important;
}
.sceditor-dropdown.sceditor-fontsize-picker a.sceditor-fontsize-option span[style="font-size: 13px;"]:before
{
content:"14";
font-size:14px!important;
}
.postbody .content span[style="font-size: 13px; line-height: normal"]
{
font-size:14px!important;
}



Penses à cliquer sur le bouton

a++

[Thierz]

Merci @Milouze14, j'ai testé ta solution. Le fait que ça laisse une balise size de taille 13 m'embêtait un peu (pour la compréhension des rédacteurs, c'était certain qu'on allait me poser la question "quand je choisis 14, ça met 13"), même si le résultat est invisible...

Au final je vais plutôt opter pour un javascript :

Code:

$(function() {
  $(function() {
    // Détection du déroulement du menu "taille"
    $('a.sceditor-button-size').click(function() {
      // On remplace la taille 13 par 14
      $('a.sceditor-fontsize-option[data-size="13"]').attr('data-size', '14').children('span').attr('style', 'font-size: 14px;').html('14');
    });
  })
});