document.execCommand () FontSize en pixels?

Comment puis-je changer la taille de police de 30px (par exemple) à l'aide de document.execCommand?

Ce:

document.execCommand("fontSize", false, "30px");

ne fonctionne pas, parce que dans le 3ème argument de la fonction execCommand, il ne m'autorise qu'à l'entrée d'une valeur entre 1 à 7.

source d'informationauteur bordeux

  1. 17

    C'est une limitation de la FontSize de commande. Il y a plusieurs options que je peux penser de:

    • Vous pouvez utiliser une classe CSS au lieu et à l'utilisation de la Classe CSS applicateur module de mes Longiligne bibliothèque;
    • Vous pouvez utiliser un hacky méthode, telle que l'appel à la document.execCommand("fontSize", false, "7"); puis de trouver les éléments de la commande a créé et en les modifiant au besoin. Voir l'exemple: http://jsfiddle.net/S3ctN/. Cela dépend, évidemment il n'y a pas d'autres <font> éléments avec la taille 7 dans le document et il s'appuie également sur le navigateur à l'aide de <font> éléments pour la taille de la police, dont il semble qu'ils le font tous.
  2. 9

    Fonction

    var execFontSize = function (size, unit) {
    var spanString = $('<span/>', {
        'text': document.getSelection()
    }).css('font-size', size + unit).prop('outerHTML');

    document.execCommand('insertHTML', false, spanString);
};

    Exécuter

    execFontSize(30, 'px');
  3. 6

    Comme deuxième réponse suggère simplement de lancer quelques jquery après execcommand et remplacer la balise avec votre propre.

    Il suffit de remplacer elem avec votre élément et modifiez la taille de police avec la valeur souhaitée.

    jQuery("font[size]", elem).removeAttr("size").css("font-size", "10px");
  4. 0

    Juste de la remplacer par css:

    font[size='7']{
    font-size: 20px; //or other length unit
}

    Ou si vous utilisez scss que vous pourriez faire une boucle pour générer tous les sélecteurs de 1 à 7:

    @for $i from 1 to 7 {
    font[size='#{$i}']{
        font-size: $i * 2vw
    }
}
  5. 0

    c'est juste que mes solutions.il fonctionne avec google chrome.
    le code est à trouver dans une chine site web(eqxiu).

    première

    document.execCommand("styleWithCSS", 0, true);
document.execCommand('fontSize', 0, '12px');

    puis

    jQuery.find('[style*="font-size: -webkit-xxx-large"],font[size]').css("font-size", "12px")

    note:
    taille de la police passer de execCommand doit être d'au moins '12px' et au-dessus.