Demande de "taille" de la police d'écriture

[petitefeuille]

Bonjour,

je me demandais si cela est possible d'avoir une taille de la police d'écriture supérieure à 24 sur la barre des outils ?



Je sais qu'en utilisant les IFRAM et une police d'écriture de Google font, c'est possible, mais pas pratique !

je vous remercie d'avance,

mes amitiés

Lydie

[Toryudo]

Bonjour !
Voici un script que j'ai trouvé sur internet, que j'ai un peu adapté pour pouvoir augmenter la valeur maximale de la font affichée.
Ce script permet de mettre toutes les valeurs de 10 jusqu'à 36 avec un pas de 2.

Code:

$(function(){
$.sceditor.plugins.bbcode.bbcode.set('size', {
    format: function($element, content) {
        var size  = $element.css('font-size').replace('px', '');
        return '[size='+size+']'+content+'[/size]';
    },
    html: function(token, attrs, content) {
        return '<span style="font-size:'+attrs.defaultattr+'px">'+content+'</span>';
    }
});
$.sceditor.command.set('size', {
    _dropDown: function(editor, caller, callback) {
        var    content  = $('<div/>', {style:'overflow-y:auto;overflow-x:hidden;max-height:243px;min-width:89px;'}),
            clickFunc = function (e) {
                callback($(this).data('size'));
                editor.closeDropDown(true);
                e.preventDefault();
            };

        for (var i=10; i <= 36; i+=2) {
            content.append($('<a href="javascript:;" class="sceditor-fontsize-option" data-size="'+i+'" style="font-size:'+i+'px;">'+i+'</a>').click(clickFunc));
        }
        editor.createDropDown(caller, 'fontsize-picker', content);
    },
    exec: function(caller) {
        var    editor = this;
        $.sceditor.command.get('size')._dropDown(
            editor,
            caller,
            function(size) {
                editor.execCommand('fontsize', size);
                var getBody = editor.getBody();
               
                $(getBody).find('font[size]').removeAttr("size").css("font-size", size+"px");
            }
        );
    },
    txtExec: function(caller) {
        var    editor = this;
        $.sceditor.command.get('size')._dropDown(
            editor,
            caller,
            function(size) {
                editor.insertText('[size='+size+']', '[/size]');
            }
        );
    }
});
});

Si vous vous sentez l'âme d'une codeuse, vous pourrez changer cette partie à votre bon vouloir :

Code:

for (var i=10; i <= 36; i+=2) {

10 : plus base valeur
36 : plus haute valeur
2 : le pas entre deux valeurs

Valeurs entières uniquement, pas de virgule !
Et voilà qui devrait fonctionner !

[petitefeuille]

bonjour Toryudo

je vais m'en occuper tout de suite et je vous tiens au courant, merci de votre retour ....

[petitefeuille]

de retour, en fait ça s'affiche bien, mais quand je m'en sers ça ne fonctionne pas:

[Toryudo]

Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
[size=30]Test[/size]
[size=31]Test[/size]
[size=32]Test[/size]

Ah... navré, je n'avais pas vu qu'à partir de 30, ça ne fonctionne plus.
Je vais remonter le point, c'est peut-être normal et voulu comme comportement, je me demande pourquoi aussi !

[petitefeuille]

ah je n'ai pas essayé à 30, j'ai mis le plus haut … et 30 pourrait me suffire... je repars sur mon forum test ....

[petitefeuille]

jusqu'à 28 ça fonctionne sur mon forum test ..

[Oka.mi]

Bonjour,

Voici un sujet qui répond à la question des tailles de police https://forum.forumactif.com/t392474-taille-police-maximum#3291207
Via bbcode, la taille est limitée à 29px maximum. Pour avoir plus il faudra passer par de l'HTML/CSS.

Code:

<span style="font-size:30px;">Texte</span>

[petitefeuille]

bonjour Oka.mi, oui je sais, c'est ce que j'ai écrit sur mon 1er message !

[petitefeuille]

de plus l'encodage de Toryudo est incompatible avec le tooblar. Si je désactive le JS le tooblar réapparaît !

[Toryudo]

Vous pouvez éventuellement tenter avec cette modification, qui met :

Code:

[size=10][/size]

Quand la taille est inférieure à 29px et qui met :

Code:

<span style="font-size:36px;"></span>

A partir de 30px.

Code:

$(function(){
   $.sceditor.command.set('size', {
      _dropDown: function(editor, caller, callback) {
         var content = $('<div/>', {style:'overflow-y:auto;overflow-x:hidden;max-height:243px;min-width:89px;'}),
            clickFunc = function (e) {
               if ($(this).data('size') < 30){
                  editor.insertText('[size='+$(this).data('size')+']','[/size]');
               } else {
                  editor.insertText('<span style="font-size:' + $(this).data('size') + 'px;">','</span>');
               }
               editor.closeDropDown(true);
               e.preventDefault();
            };
   
         for (var i=10; i <= 36; i+=2) {
            content.append($('<a href="javascript:;" class="sceditor-fontsize-option" data-size="'+i+'" style="font-size:'+i+'px;">'+i+'</a>').click(clickFunc));
         }
         editor.createDropDown(caller, 'fontsize-picker', content);
      }
   });
});

On ne pourra pas faire beaucoup mieux, je le crains.

[petitefeuille]

mais ça me parait parfait… même excellent demain je l'installe sur mon forum voir si ça fonctionne bien ! merci beaucoup Toryudo

[petitefeuille]

Bonjour,

j'ai un souci de tooblar avec cet encodage. En fait il me le masque et quand je désactive le JS, le tooblar réapparait.

je suis désolée...

[Toryudo]

Bonjour !
Est-ce que vous pouvez me montrer votre site test où ça ne fonctionne pas ? Me préciser si la toolbar disparait sur toutes les pages, où si elle est là sur certaines et pas d'autres ? (je pense aux pages sujets vs les autres pages, là où n'apparaitrait pas l'éditeur de texte notamment)
J'ai aussi une toolbar et elle apparait bien chez moi, ne perdons pas espoir

[petitefeuille]

sur l'index

le JS désactivé apparait :



une fois avec le JS activé , il disparait :



sur le forum  il est absent :



sur la page, le tooblar apparait :

[Toryudo]

Ah, oui !
J'ai oublié de préciser que le script ne devait être activé que "Sur les sujets", pas "Sur toutes les pages" !
Mea culpa, c'était la petite précision qu'il manquait

[petitefeuille]

ah !! voilà le souci alors ?! bon je vois que ça fonctionne bien depuis que c'est modifié. je vais l'installer sur mon forum Petite feuille et je reviens... en tout cas, Toryudo vous faites du bon travail et je vous remercie

[petitefeuille]

je viens de l'installer sur mon forum et c'est parfait ! un grand merci Toryudo

[petitefeuille]

le sujet est clos, merci encore