Zeichenbeschränkung für das Rich-Text-Feld

Einführung

Möchten Sie die Zeichenanzahl für das Formularfeld Rich Text begrenzen? Die Formularfelder Einzeiliger Text und Absatz verfügen über eine integrierte Funktion, mit der Sie die Zeichen oder Wörter für dieses Feld begrenzen können. Um mehr darüber zu erfahren, werfen Sie bitte einen Blick auf diesen hilfreichen Leitfaden.

Wenn Sie jedoch die Zeichenanzahl für das Rich-Text-Formularfeld begrenzen möchten, können Sie ganz einfach ein kleines Snippet verwenden, und in diesem Tutorial zeigen wir Ihnen, wie das geht.

Erstellen des Formulars

Beginnen Sie mit der Erstellung eines neuen Formulars und fügen Sie Ihre Felder hinzu, darunter mindestens ein Rich-Text-Feld.

Wenn Sie Hilfe bei der Erstellung Ihres Formulars benötigen, lesen Sie bitte diese Dokumentation.

beginnen Sie mit der Erstellung eines Formulars und fügen Sie Ihre Felder hinzu, darunter mindestens ein Rich-Text-Feld

Hinzufügen des Snippets

Jetzt ist es an der Zeit, das Snippet zu Ihrer Website hinzuzufügen. Wenn Sie wissen möchten, wie und wo Sie Snippets zu Ihrer Website hinzufügen können, lesen Sie bitte dieses Tutorial.

/**
* Add Rich Text field validation.
*
* @link https://wpforms.com/developers/how-to-limit-characters-for-the-rich-text-field/
*/
 
function wpf_dev_validate_richtext( $field_id, $field_submit, $form_data ) {
 
    // Optional, you can limit to specific forms. Below, we restrict output to form #3382.
    if ( absint( $form_data[ 'id' ] ) !== 3382 ) {
        return $field_id;
    }

	// Set the maximum character limit here
    $max_characters = 150;

    // Check for character limit
    $char_count = mb_strlen( $field_submit, 'UTF-8' );
    if ( $char_count > $max_characters ) {
        $error_message = sprintf(
            esc_html__( 'Character limit exceeded. The maximum number of characters allowed is %d.', 'wpforms' ),
            $max_characters
        );
        wpforms()->process->errors[ $form_data['id'] ][ $field_id ] = $error_message;
    }
	
	
     
}
add_action( 'wpforms_process_validate_richtext', 'wpf_dev_validate_richtext', 10, 3 );

Dieses Snippet bezieht sich nur auf die Formular-ID 3382. Sie müssen diese ID-Nummer aktualisieren, damit sie mit Ihrer eigenen Formular-ID übereinstimmt. Wenn Sie nicht sicher sind, wo Sie Ihre Formular-ID-Nummer finden können, lesen Sie bitte diese Anleitung.

Der nächste Teil des Snippets befasst sich mit der Variablen $max_characters, die auf eine Grenze von 150 Zeichen eingestellt ist. Bei der Verarbeitung des Snippets werden die Zeichen (UTF-8-Format) in diesem Feld gezählt, und wenn die Anzahl der Zeichen die Grenze von 150 überschreitet, wird beim Absenden des Formulars ein Fehler angezeigt.

Zeichenbegrenzung für den Rich Text mit dem Snippet

Und das ist alles, was Sie brauchen, um die Zeichen für das Rich-Text-Feld zu begrenzen. Möchten Sie auch die Eingabe einer URL in dieses Feld verhindern? Werfen Sie einen Blick auf unser Tutorial über das Blockieren von Domains in Ihren Textfeldern.

Referenz der Aktion: wpforms_process_validate_richtext