Rich Text Enhancer

¡Hola! 👋

¡Gracias! Hemos recibido tu solicitud.
Ups! Algo salió mal al enviar el formulario.
Interacciones
CMS
Boosters

Rich Text Enhancer

Utilice Refokus Mejorador de Rich Text para añadir clases, identificadores o atributos personalizados a los elementos de texto enriquecido en Webflow, de modo que pueda estilizar el texto, anclarlo, añadir animaciones, añadir funcionalidades personalizadas y mucho más.

[.c-title-3-primary]¿Cómo se añaden clases, identificadores o atributos a los elementos de texto enriquecido en Webflow?[.c-title-3-primary]

Utilice Refokus Mejorador de Rich Text para añadir clases, identificadores o atributos personalizados a los elementos de texto enriquecido en Webflow, de modo que pueda estilizar el texto, anclarlo, añadir animaciones, añadir funcionalidades personalizadas y mucho más.

Clases

Las clases son ideales cuando se desea añadir estilos específicos o apuntar a un fragmento de sus elementos de texto enriquecido cuando se añaden las interacciones de Webflow (es decir, fragmentos de código de estilo, haga clic en un texto para abrir un modal, etc).


IDs

Los IDs son ideales para añadir una tabla de contenidos y los IDs dentro de los títulos de tus artículos para que puedas anclar enlaces a ellos.


Atributos

Los atributos son lo último en potencia para el rich text. Permiten añadir funcionalidad personalizada a elementos específicos dentro del elemento de rich text. Por ejemplo, si quieres añadir nuestra herramienta "copiar al portapapeles" para tener fragmentos de código que los usuarios puedan copiar.

Paso 1

Copiar el

Rich Text Enhancer

<script> and paste it before the </body> of your page

Copiar el código de la secuencia de comandos
<script
src=
"
https://tools.refokus.com/rich-text-enhancer/bundle.v1.0.0.js
"
></script>
<script src="https://tools.refokus.com/rich-text-enhancer/bundle.v1.0.0.js"></script>
Copiar texto en el portapapeles
¡Copiado!
Paso 2

Establecer atributos personalizados

Todo se hace con atributos personalizados, así que cuando decimos "Añadir" significa "Añadir un atributo personalizado".
Más información
enlace de anclaje
Uso de "Clases" para estilizar elementos de texto enriquecido
enlace de anclaje
Uso de "IDs" para estilizar elementos de texto enriquecido
enlace de anclaje
Uso de "Atributos" para estilizar o añadir funcionalidad a los elementos de texto enriquecido
enlace de anclaje
enlace de anclaje
enlace de anclaje
enlace de anclaje
enlace de anclaje
enlace de anclaje
enlace de anclaje
Notas generales

También puedes añadir tantas clases, ids o atributos como quieras, por ejemplo, así es como hemos creado el héroe de la demo clonable:

Paso 3

Publique su sitio en el dominio de ensayo para probar que la herramienta funciona.

Demostración clonable

Publique su sitio en el dominio de ensayo para probar que la herramienta funciona.

¡Gracias!
Ups! Algo salió mal al enviar el formulario.
Danos tu opinión
Compartir en LinkedInCompartir en TwitterCompartir a través de la URL
Otras herramientas de Webflow que pueden interesarle
Volver al directorio
Slider Generator
Cree sliders personalizados en Webflow con tecnología SlickJS.
Enlace a la herramienta
Page Transitions
Cree una continuidad visual entre las páginas con transiciones de página personalizadas.
Enlace a la herramienta
Copy to Clipboard
Cree un botón que copie cualquier fragmento de texto, incluidos los enlaces, en el portapapeles.
Enlace a la herramienta