Utilice la herramienta Refokus Time to Read para calcular el tiempo total de lectura de un elemento de texto o de texto enriquecido y mostrar el tiempo calculado de forma dinámica dentro de Webflow.
[.c-title-3-primary]¿Cómo se crea una calculadora de tiempo de lectura en Webflow?[.c-title-3-primary]
Utilice la herramienta Time to Read de Refokus para calcular el tiempo total de lectura de un elemento de texto o de un rich text y mostrar el tiempo calculado de forma dinámica en otro elemento de texto.
Paso 1
Copiar el
Time to read
<script> and paste it before the </body> of your page
Para empezar, añada un elemento de texto o rich text en el proyecto. Asegúrese de que el texto que quiere calcular está en un solo elemento. Este es el texto que se calculará en un tiempo de lectura. Dale a este elemento de texto o rich text una clase, la que quieras, para este ejemplo. Nosotros utilizamos la clase '.c-rich-content'.
El siguiente paso es crear un elemento que muestre el cálculo del elemento de texto o texto enriquecido. Este sería un elemento de texto que cambiará dinámicamente en función del cálculo.
Añadir el atributo de tiempo de lectura al elemento texto
tiempo de lectura
.c-rich-content
A este elemento queremos añadirle el siguiente atributo: (Recuerda la clase que le diste al elemento de texto que necesitas calcular, este es el valor del atributo).