Dokument.execCommand() Schriftgrad in Pixel?

Wie kann ich das ändern der Schriftgröße 30px (zum Beispiel) mit document.execCommand?

:

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

funktioniert nicht, weil im 3. argument der Funktion execCommand es nur mir erlaubt, geben Sie einen Wert zwischen einschließlich 1 bis 7.

InformationsquelleAutor bordeux | 2011-05-03

  1. 17

    Es ist eine Einschränkung des FontSize Befehl. Es gibt verschiedene Optionen, die ich denken kann:

    • Könnte man eine CSS-Klasse statt, und verwenden Sie die CSS-Klasse-Applikator Modul meiner Feingliedrig Bibliothek;
    • Könnten Sie einen hacky-Methode, wie etwa das aufrufen von document.execCommand("fontSize", false, "7"); und dann Suche nach den Elementen, die das Kommando hat erstellt, und ändern Sie Sie wie erforderlich. Siehe Beispiel: http://jsfiddle.net/S3ctN/. Dies hängt natürlich auf, dass es keine andere <font> - Elemente mit einer Größe von 7 in dem Dokument, und es stützt sich auch auf den browser mit <font> Elemente für die Schriftgröße, die es scheint, Sie alle tun.
    Ja. Die zweite Antwort ist eine gute Idee! pastebin.com/6r4pkmNV

    InformationsquelleAutor Tim Down

  2. 9

    Funktion

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

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

    Ausführen

    execFontSize(30, 'px');
    Das funktioniert im mozilla firefox, funktioniert aber nicht im ie
    Es entfernt alle anderen HTML - /CSS-von der Auswahl!

    InformationsquelleAutor Roman S

  3. 6

    Als zweite Antwort schlage vor, nur einige jquery nach execcommand und ersetzen Sie das markup mit Ihren eigenen.

    Ersetzen Sie einfach elem mit Ihrem element, und Bearbeiten Sie die schriftart,-Größe mit dem gewünschten Wert.

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

    InformationsquelleAutor Benjamin Favre

  4. 1

    Einfach überschreiben es mit css:

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

    Ist oder wenn Sie mit scss könnte man eine Schleife generieren, die alle Selektoren von 1 bis 7:

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

    InformationsquelleAutor soli

  5. 0

    es nur meine Lösungen.es funktioniert mit chrome.
    der code war in einem china-website(eqxiu).

    ersten

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

    dann

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

    Hinweis:
    die fontsize-pass zu execCommand muss mindestens '12px' und oben.

    InformationsquelleAutor 姚嘉辉

Schreibe einen Kommentar