4D v16.3

Multiestilo (área de texto enriquecido)

Inicio

 
4D v16.3
Multiestilo (área de texto enriquecido)

Multiestilo (área de texto enriquecido)  


 

4D permite el uso de las áreas de texto enriquecido con variaciones de estilo individuales. Por ejemplo, ahora es posible tener palabras en negrita y cursiva o a color dentro de un área de texto:

Esta función aplica a los campos y variables de tipo Alfa y Texto, así como también a los listbox. Es soportada para formularios página, lista, tanto para visualización como para impresión.

Nota: no se puede utilizar áreas de texto enriquecido en los siguientes contextos: filtros de entrada, informes rápidos y editor de etiquetas.

Las opciones específicas en la Lista de propiedades configuran el funcionamiento de las áreas de texto enriquecido.

Los atributos disponibles son fuente, tamaño, estilo, color del texto y color de fondo. Para modificar los atributos de estilo en un área de texto enriquecido, hay dos posibilidades diferentes:

  • Durante la ejecución, utilice un menú pop-up automático (la disponibilidad de este menú se configura en la Lista de propiedades).
  • Por programación, utilizando el comando ST SET ATTRIBUTES.

En las áreas de texto enriquecido, los atributos de estilo se almacenan como etiquetas HTML de tipo <SPAN>.  Cuando se muestra el área texto, estas etiquetas son interpretadas por 4D. Esto significa que el desarrollador puede especificar y modificar los atributos de estilo en un texto por programación. Los atributos <SPAN> soportados por 4D se describen a continuación. El comando ST Get plain text recupera el texto plano sin etiquetas de estilo.

Para una descripción de los comandos que manejan las áreas de texto enriquecido y las etiquetas <span> soportadas, consulte el capítulo Texto multiestilo en el manual de Lenguaje de 4D.

Las propiedades de gestión de texto enriquecido están disponibles para las variables editables, los campos y las celdas de listbox de tipo Alfa o Texto.

Esta opción (tema "Texto") activa la posibilidad de utilizar estilos específicos en el área seleccionada. Cuando esta opción está activa, 4D interpreta las posibles etiquetas HTML <SPAN> presentes en el área.

Por defecto, esta opción no está seleccionada.

Esta opción sólo aparece cuando la opción Multiestilo está seleccionada. También se encuentra en el tema "Texto".
Cuando esta opción está seleccionada, el área almacenará las etiquetas de estilo con el texto, incluso si no se ha hecho ninguna modificación. En este caso, las etiquetas corresponden al estilo por defecto. Cuando esta opción no está seleccionada, sólo se guardan las etiquetas de estilo modificadas.

Por ejemplo, este es un texto que incluye una modificación de estilo:

Si la opción "Guardar las etiquetas por defecto" no está seleccionada, el área sólo guarda la modificación. El contenido almacenado, es entonces:

¡Qué <SPAN STYLE="font-size:13.5pt">hermoso</SPAN> día!

Si la opción está seleccionada, el área guarda toda la información de formato. Una primera etiqueta genérica describe el estilo por defecto luego cada variación es objeto de un par de etiquetas anidadas. El contenido almacenado en el área es por lo tanto:

<SPAN STYLE="font-family:'Arial';font-size:9pt;text-align:left;font-weight:normal;font-style:normal;text-decoration:none;color:#000000;background-color:#FFFFFF">¡Qué <SPAN STYLE="font-size:13.5pt">hermoso</SPAN> día!</SPAN>

Esta opción (tema "Entrada") sólo aparece cuando la opción Multiestilo se ha seleccionado.

La opción Menú contextual activa para el usuario la posibilidad de llamar durante la entrada de datos a un menú emergente mediante un clic derecho en el área.

Este menú pop-up ofrece los siguientes comandos:

  • comandos estándar de edición de texto (cortar, copiar, pegar)
  • Fuentes...: muestra la caja de diálogo sistema de gestión de fuentes
  • Fuentes recientes: muestra los nombres de las últimas fuentes seleccionadas durante la sesión. La lista puede almacenar hasta 10 fuentes (más allá de eso, la última fuente utilizada reemplaza la más antigua). Por defecto, la lista estará vacía y la opción no se muestra. Puede administrar esta lista utilizando los comandos SET RECENT FONTS y FONT LIST.
  • comandos de modificación de estilo soportados: fuente, tamaño, color, estilo y color de fondo:

Cuando el usuario modifica un atributo de estilo a través de este menú emergente, 4D genera el evento de formulario On After Edit.

Notas:

  • También es posible modificar los estilos a través del comando [#cmd id="1093"/]. Tenga en cuenta que en este caso, no se genera ningún evento formulario.
  • El estilo "tachado" no es compatible con Mac OS. Sin embargo, la etiqueta correspondiente se puede utilizar por programación.

Los atributos de estilo soportados (fuente, tamaño, estilo y color) se conservan en caso de arrastrar - soltar o copiar - pegar texto con estilo entre:   

  • diferentes áreas de texto enriquecido en 4D (variables/campos texto y list boxes),
  • un área 4D Write y un área de texto enriquecido 4D,
  • un texto externo con estilo y un área de texto enriquecido 4D.

En los otros casos, los estilos se mantendrán en función del contexto.

Se proponen dos nuevas funciones automáticas cuando el ratón se mueve sobre un área multiestilo:

  • Cuando se mueve sobre una selección de texto, el cursor se convierte en una flecha:
     
  • Cuando se mueve sobre una URL, aparece un mensaje de ayuda que contiene la dirección:
Nota: puede insertar enlaces URL usando el comando ST INSERT URL.

Las URLs (cadenas que comienzan por  http://, https:// o ftp://) que se colocan en campos multi-estilo o variables de tipo Texto o Alfa se detectan automáticamente. Si el usuario hace Ctrl+clics (Windows) o Comando+clics (Mac OS) en el área, la URL se ejecuta luego directamente en el navegador Web predeterminado. Bajo Windows, las URLs detectadas se muestran en azul y subrayadas:

 
PROPIEDADES 

Producto: 4D
Tema: Propiedades de los objetos activos

 
HISTORIA 

 
PALABRAS CLAVES 

texte riche, rich text area

 
ARTICLE USAGE

Manual de Diseño ( 4D v16)
Manual de Diseño ( 4D v16.1)
Manual de Diseño ( 4D v16.3)