El Editor de Texto

Descripción

El editor de texto se puede utilizar para dar formato y editar cualquier elemento de texto (editable) en el marco. Aparece al hacer doble clic dentro de un elemento de texto editable. Aparte de editar texto, el editor de texto se puede usar para renderizar / mostrar variables e insertar / combinar imágenes y tablas dentro de elementos de texto. El elemento de texto más obvio es el propio objeto de texto, pero muchos otros objetos también tienen elementos de texto editables, ya sea como un encabezado opcional o como opciones de respuesta de texto (por ejemplo, en casillas de verificación y elementos de opción múltiple).

Cada uno de estos elementos de texto se puede editar haciendo clic en el texto. Un pequeño borde azul muestra los límites del elemento del texto editable. Una vez que el foco del cursor está dentro del texto, aparecerá una barra de herramientas de texto sobre el marco actual. Aquí se pueden hacer varias elecciones de formato de texto, pero también insertar variables, imágenes, tablas, etc.

Si bien es posible cambiar el contenido del texto y el estilo de un elemento editable de prueba a prueba, actualmente no es posible cambiar el contenido del texto o los estilos dinámicamente durante la ejecución del experimento utilizando el sistema de eventos. Si deseas mostrar diferentes textos o diferentes estilos (en un objeto / elemento), la mejor solución es hacer dos versiones / dos objetos y luego mostrarlos y ocultarlos dinámicamente en función de tu lógica personalizada.

Opciones de Formato de Texto

El editor de texto tiene opciones de formato / edición similares a la mayoría de los procesadores de texto. Estas opciones se enumeran a continuación (de izquierda a derecha en el editor de texto):

• Insertar Variable: Inserta / renderiza un valor de variable.
• Subrayar: Subraya el texto.
• Subíndice: Hace que el texto aparezca por debajo del texto normal.
• Superíndice: Hace que el texto aparezca por encima del texto normal.
• Eliminar Formato: Limpia todo el formato.
• Enlace: inserta una URL que puede ser clicable. Contiene configuraciones avanzadas.
• Verificación de Ortografía: Realiza una verificación de ortografía.
• Lista Numerada: Hace una lista numerada.
• Lista con Viñetas: Hace una lista con viñetas.
• Alinear Texto a la Izquierda: Alinea el texto a la izquierda.
• Alinear Texto al Centro: Centra el texto.
• Alinear Texto a la Derecha: Alinea el texto a la derecha.
• Alinear Texto en Bloque: Hace que el texto use toda la línea.
• Insertar Imagen: Inserta una imagen.
• Insertar Tabla: Inserta una tabla.
• Insertar Símbolo: Inserta un símbolo / carácter especial.
• Tipo de Fuente: Cambia el tipo de fuente. También se puede usar para hacer el texto en negrita y cursiva.
• Tamaño de Fuente: Cambia el tamaño de la fuente.
• Color de Fuente: Cambia el color de la fuente.
• Dirección del Texto de Izquierda a Derecha: Especifica que el texto debe leerse de izquierda a derecha. (predeterminado)
• Dirección del Texto de Derecha a Izquierda: Especifica que el texto debe leerse de derecha a izquierda. (el idioma aún deberá cambiarse manualmente en Configuración)
• Fuente: Muestra el código actual para el objeto.

Mostrar / Renderizar Variables

Para mostrar el valor de una variable, haz clic dentro de un elemento de texto y luego haz clic en el primer ícono (variable roja) dentro de la barra de herramientas del editor de texto. Se abrirá el menú de selección de variables y podrás seleccionar una variable que deseas mostrar. Después de presionar "ok", la variable se insertará dentro del elemento de texto y un marcador de posición que muestre ya sea el nombre de la variable o su valor inicial se colocará en el texto como un controlador. Esto permite a los usuarios combinar texto estático con valores de variables dinámicas (por ejemplo, puedes proporcionar retroalimentación haciendo algo como esto: "tu puntuación es: 'variableX'"). El valor de una variable también se puede formatear (los cambios de estilo se pueden aplicar a una variable) cuando se selecciona el controlador y luego se realizan los cambios respectivos. Normalmente, es mejor primero aplicar todos los cambios de estilo deseados y luego insertar la(s) variable(s). El valor de la variable se adaptará automáticamente al estilo circundante. Durante la ejecución del experimento, los valores de la variable se actualizarán automáticamente. En otras palabras, el valor que se muestra siempre será el valor / estado actual de la variable.

Insertar Imágenes y Tablas

Los usuarios también pueden insertar imágenes y tablas dentro de elementos de texto editables haciendo clic en los íconos respectivos en la barra de herramientas del editor de texto. Al insertar una imagen, haz clic en el botón "Explorar Servidor" para seleccionar una imagen de tu repositorio de archivos de Labvanced. Debes proporcionar la altura y el ancho de la imagen en píxeles y luego presionar "ok". Insertar imágenes en elementos de texto editables puede ser útil si deseas combinar la selección de imágenes dentro de un elemento de opción múltiple o cuando deseas combinar imágenes y texto para algún tipo de descripción / explicación.

Cuando insertas una tabla en un elemento de texto editable, debes proporcionar el ancho general, el número de filas y el número de columnas. También puedes hacer algunas especificaciones adicionales, como agregar una fila de encabezado o hacer un borde alrededor de la tabla. Cada celda de la tabla se puede editar por separado.