Comment limiter les caractères pour le champ Texte enrichi

Introduction

Souhaitez-vous limiter les caractères du champ de formulaire Texte enrichi ? Les champs de formulaire Texte sur une seule ligne et Paragraphe disposent d'une fonctionnalité intégrée qui vous permet de limiter les caractères ou les mots pour ce champ. Pour en savoir plus, veuillez consulter ce guide utile.

Cependant, si vous souhaitez limiter les caractères du champ de formulaire Texte enrichi, vous pouvez facilement utiliser un petit extrait de code et dans ce tutoriel, nous allons vous montrer comment.

Création du formulaire

Commencez par créer un nouveau formulaire et ajoutez vos champs, y compris au moins un champ de formulaire Texte enrichi.

Si vous avez besoin d'aide pour créer votre formulaire, veuillez consulter cette documentation.

Ajout du snippet

Il est maintenant temps d'ajouter l'extrait de code à votre site. Pour toute aide sur comment et où ajouter des extraits de code à votre site, veuillez consulter ce tutoriel.

/**
* 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 );

Cet extrait de code ne prendra en compte que l'ID de formulaire 3382, vous devrez mettre à jour ce numéro d'ID pour qu'il corresponde à votre propre ID de formulaire. Si vous ne savez pas où trouver votre numéro d'ID de formulaire, veuillez consulter ce tutoriel.

La partie suivante de l'extrait de code examine la variable $max_characters qui est définie avec une limite de 150 caractères. Lorsque l'extrait de code est traité, il examinera et comptera les caractères (format UTF-8) dans ce champ et si le nombre de caractères dépasse la limite de 150, lors de la soumission du formulaire, un message d'erreur s'affichera.

Et c'est tout ce dont vous avez besoin pour limiter les caractères du champ Texte enrichi. Souhaitez-vous également empêcher les utilisateurs d'entrer une URL dans ce champ ? Consultez notre tutoriel sur Comment bloquer les domaines de vos champs de texte.

Articles associés

Référence d'action : wpforms_process_validate_richtext