What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

15:02
|
Tutoriels
Crée par
Antonin

Comment mettre en place le mot de passe oublié ?


Dans ce tutoriel, nous allons apprendre à reprogrammer l'envoie d'email lorsqu'un utilisateur à perdu son mot de passe. Cette fonctionnalité est déjà disponible dans le Reusable Element Signup / Login popup de Bubble, mais celui-ci envoi un email très peu personnalisable. Nous allons donc voir comment ajouter le lien de réinitialisation de mot de passe dans un email en utilisant la génération de token dans l'action "Send password reset email".

Pour ce faire, voici les étapes :

  1. Avoir un formulaire de réinitialisation de mot de passe dans l'interface de connexion/inscription.
  2. Demander à renseigner l'adresse email pour envoyer l'email contenant le lien de réinitialisation de mot de passe.
  3. Utiliser l'action "Send password reset email" en cochant la case "just make token, don't send email", pas besoin d'écrire l'email dans cette action.
  4. Utiliser l'action "Send email" afin d'écrire l'email que vous souhaitez de façon personnalisée.
  5. Utiliser le résultat de l'action "Send password reset email" (result of step X) afin de créer le lien de redirection vers la page de réinitialisation de mot de passe.
  6. L'url généré doit être semblable à : [Website Home URL]/reset_pw?reset=[token généré]. Exemple : https://ottho-tuto-anto-reset-pw-642387.bubbleapps.io/version-test/reset_pw?reset=1632584898205x181894769625105400
  7. Tester le lien dans l'email.

Est ce que le tuto t’a plu ?

Partage cette vidéo sur

Les autres tutoriels