it-swarm.com.de

Ändern Sie die Standardschriftgröße und entfernen Sie unerwünschte Schriftgrößen in TinyMCE

Ich benutze das TinyMCE Advance Plugin. Ich habe eine Frage in das Support-Forum des Plugins gestellt, aber es scheint, dass der Autor derzeit keinen Support bietet. Wie Sie auf dem Bild sehen können, ist die Schriftgröße 12pt die Standardschriftgröße. Jedes Mal, wenn ich den TinyMCE Advance-Editor öffne, wird die Größe 12pt im Standardzustand angezeigt. Wie kann ich die Standardgröße auf 14pt ändern und die Größe 8pt, 10pt, 12pt entfernen?

Ich habe einige Nachforschungen angestellt und es wurde empfohlen, dass ich gehe zu:

wp-includes/js/tinymce/skin/wordpress/wp-content.css

und ändern Sie die Größe in

body {
    font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
    font-size: 18px;
    line-height: 1.5;
    color: #333;
    margin: 9px 10px;
    max-width: 100%;
    -webkit-font-smoothing: antialiased !important;
    overflow-wrap: break-Word;
    Word-wrap: break-Word; /* Old syntax */
}

In diesem Fall habe ich es auf 18pt geändert, aber es funktioniert nicht. Das Ding ist, dass die Standardgröße von 12pt immer noch da ist. Es ändert sich nur, wenn ich in den Texteditor-Bereich klicke. Es wird von 12pt (das als Standard angezeigt wird) auf 14pt geändert. Aber wenn ich einen Text eingebe und veröffentliche, ist das Ergebnis, dass der veröffentlichte Text immer noch eine Größe von 12pt und nicht von 14pt aufweist. Das bedeutet, dass ich ohnehin eine Schriftgröße von 14 pt in der Dropdown-Liste auswählen muss, um die Größe von 14 pt zu erhalten.

 enter image description here 

1
Topy

Das ist eine Art Zweiteiler. In der ersten Hälfte erfahren Sie, wie Sie den Stil in TinyMCE während der Bearbeitung ändern. In der zweiten Hälfte erfahren Sie, wie Sie Elemente aus der Symbolleiste entfernen.

Style TinyMCE

WordPress gibt uns eine nette kleine Funktion mit dem Namen add_editor_style() , die eine Reihe von Stylesheets entweder über URL oder relative Pfade akzeptiert. WordPress-Standardthemen nutzen normalerweise diese Funktion und sind im neuesten TwentySeventeen-Thema zu sehen. Zuerst erstellen wir ein Stylesheet. Der Name spielt keine Rolle, aber der Ort.

body,
button,
input,
select,
textarea {
    font-size: 14pt;
}

Der Einfachheit halber nennen wir diesen editor-style.css und speichern ihn im Theme:

/assets/css/editor-style.css

Als nächstes müssen wir WordPress anweisen, unser Stylesheet zu verwenden, damit wir die Themes-Datei functions.php öffnen und hinzufügen:

/**
 * Theme setup functionality
 *
 * @return void
 */
function prefix_theme_setup() {

    // Relative path to the TinyMCE Stylesheet
    add_editor_style( array( 'assets/css/editor-style.css' ) );

}
add_action( 'after_setup_theme', 'iqt_theme_setup' );

Einige Plugins könnten dies beeinträchtigen, beispielsweise Seitenersteller, die ihr eigenes TinyMCE implementieren.


Symbolleiste ändern

Als nächstes können wir den tiny_mce_before_initFilter Hook verwenden, um den TinyMCE zu modifizieren. In diesem Fall müssen wir nur die Schriftgrößen überschreiben. Sie können die folgende Funktion in Ihre functions.php-Datei einfügen:

/**
 * Add Formats to TinyMCE
 * - https://developer.wordpress.org/reference/hooks/tiny_mce_before_init/
 * - https://codex.wordpress.org/Plugin_API/Filter_Reference/tiny_mce_before_init
 *
 * @param array $args   - Arguments used to initialize the tinyMCE
 *
 * @return array $args  - Modified arguments
 */
function prefix_tinymce_toolbar( $args ) {

    $args['fontsize_formats'] = "14pt 18pt 24pt 36pt";

    return $args;

}
add_filter( 'tiny_mce_before_init', 'prefix_tinymce_toolbar' );

Das $args-Array verfügt über einen Index, der eine Liste von durch Leerzeichen getrennten Schriftgrößen akzeptiert. Sie können diese nach Belieben ändern, px, em, rem, es spielt keine Rolle, nur dass die Liste durch ein Leerzeichen getrennt und ein gültiger font-size-Wert ist.

1
Howdy_McGee

Dies ist die Antwort, es funktioniert bei mir:

  1. Suchen Sie nach functions.php im Stammverzeichnis Ihres Themes-Verzeichnisses innerhalb von /wp-content/themes/yourtheme/, öffnen Sie es und fügen Sie eine Zeile nach dem Tag php hinzu.

    add_editor_style ('custom-editor-style.css');

  2. Erstellen Sie im selben Verzeichnis eine Datei mit dem Namen custom-editor-style.css mit den folgenden Zeilen

    @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
    * { font-family: 'Open Sans', sans-serif, Arial, Helvetica;}
    

Leeren Sie den Cache Ihres Browsers, und Sie werden Folgendes sehen.

Siehe Link: https://blog.phi9.com/wordpress-editor-and-its-font/

0
Tony Ngo

Ich benutze nur diesen einen. Für mich geht das. Was ist der Unterschied zwischen diesem Code und Ihrem Code?

// Customize TinyMCE editor font sizes
if ( ! function_exists( 'wpex_mce_text_sizes' ) ) {
    function wpex_mce_text_sizes( $initArray ){
        $initArray['fontsize_formats'] = "14pt 18pt 24pt 36pt";
        return $initArray;
    }
}
add_filter( 'tiny_mce_before_init', 'wpex_mce_text_sizes' );
0
Topy