contentCloud editor | Editar textos

El texto es el componente básico de cualquier plantilla en learningMaker.

A diferencia de otros componentes, el texto se configura y se edita mediante un panel de edición de texto, muy similar al que ofrece cualquier editor de textos.

Estas son son funcionalidades:

  1. Fuente HTML. – Editor código fuente HTML.
  2. Opciones de pegado. – Cortar | Pegar | Pegar como texto plano | Pegar desde Word | deshacer | rehacer
  3. Ortografía. – Activar Corrector
  4. Formato de texto – Negrita | Cursiva |Tachado | subrayado | subíndice | superíndice
  5. Borrado formato – Eliminar Formato | Formato plano (elimina links y otros formatos).
  6. Mover el editor CKEditor de posición.
  7. Alineación – Alinear a la izquierda | Centrar | Alinear a la Derecha | Justificado
  8. Listados – Lista numerada | Lista con viñetas
  9. Sangría. Disminuir sangría | Aumentar sangría | Cita
  10. Añadir multimedia – Añadir Imagen en línea con el texto | Insertar Carácter Especial | Añadir fórmulas con Wiris*
    *(Wiris es un editor de fórmulas matemáticas. Para poder utilizarlo, debe contratarse de forma adicional. Para más información, contacta con el equipo comercial de Netex).
  11. Color – Color del texto | Color del fondo| No wrap**
    ** (fuerza la unión entre textos. Por ejemplo “10 000 €”, aplicando “No wrap” evitamos que se separe si está a final de línea).
  12. Estilo y formato – Aplica estilo normal o varios estilos de titulares.
  13. Clases – Aplica formatos especiales (dependerá de la plantilla).
  14. Enlaces. – Link externo| Enlace a recurso| Enlace a pop-up
  15. Tablas. Crear tabla | Configuración tabla| Fila | Columna | Celda | Mover | Añadir | Eliminar | Unir celdas | Dividir celdas

Vamos a analizar las funciones más habituales y útiles:

  • Pegar texto de otros orígenes
  • Eliminar formato de texto
  • Añadir imágenes en línea
  • Crear enlaces
  • Configurar listados
  • Configurar tablas
  • Editar la fuente HTML

Pegar texto de otros orígenes

Es habitual que, en lugar de escribir el texto, copies el texto de otro origen (p. ej, de Word, PowerPoint, Google Docs, etc.). 

Con la combinación CTRL+V se puede pegar el texto copiado, pero no es recomendable, ya que mantiene tanto los formatos originales (negritas, cursivas...), si no también la tipografía utilizada, lo que generará problemas con los estilos de la plantilla y que el texto no se comporte correctamente en entornos de responsividad (p. ej. reduciendo su tamaño en determinados dispositivos).

Con la combinación de teclas CTRL+SHIFT+V se puede pegar el texto como texto plano, evitando todos los formatos. Es la opción más ideal ya que aplicará la tipografía y estilo predefinido en la plantilla, aunque eliminará otros formatos como negritas o cursivas.  

Si es habitual que tenga que copiar muchos textos, se recomienda utilizar la funcionalidad Importar unidades desde Word, que permitirá respetar las tipografías y estilos de la plantilla y, además, mantendrá los formatos relevantes como negritas, cursivas o listados.  


Eliminar formato de texto

¿Y si ya has pegado textos desde Word y traen formatos indeseados?

Fácil. Selecciona el texto y pulsa la opción Eliminar formato. Se borrarán todos los formatos del texto, incluidas negritas, cursivas.

Si además quieres eliminar otros formatos, como listados o incluso enlaces, usa la opción Formato plano.


Evitar viudas y huérfanas en tu contenido

Imagina que quieres escribir el número 10 000 pero, como queda a final de línea, se ve partido. Evítalo con la funcionalidad A_2. Esta opción te permitirá unificar el texto en una única palabra, aunque tenga espacios en medio. Así, nunca se separarán tus cifras o evitarás huérfanas al final de línea.

Añadir imágenes en línea

El editor de textos permite añadir imágenes en línea con el texto. Así, podrás añadir pequeños iconos e imágenes que aparezcan en medio del contenido. 

Sitúa el ratón en la zona de texto donde quieres añadir la imagen y pulsa esta opción:

Al hacerlo, aparecerá en el espacio elegido un icono que debes configurar. Selecciónalo y accede a la pestaña "Propiedades". 

Las tres propiedades disponibles son: 

  • Enlace: Pulsa "Examinar" para localizar la imagen que se desea añadir en la carpeta de recursos de la unidad.
  • Texto alternativo: Texto que se visualizará si la imagen no se muestra. También será utilizado por lectores automáticos de texto para facilitar la accesibilidad a personas invidentes. 
  • Título: Texto que se visualizará al situar el ratón sobre la imagen. 

Crear enlaces

El editor de textos permite añadir enlaces a una o varias palabras. Basta con seleccionarla, desplegar el menú "Enlaces", e indicar el tipo de link que se desea generar.

  • Enlace externo, es decir, a una página web.
  • Enlace a un recurso, muy útil para, por ejemplo, enlazar a un documento pdf.
  • Enlace a pop-up, que permite enlazar un texto a una ventana emergente.
  • Enlace a glosario. Permite enlazar a una palabra concreta del glosario. Opción solo disponible y funcional en la plantillas Tokyo y Berlin.
  • Tooltip a glosario. Permite crear un tootip con una palabra del glosario. Opción solo disponible y funcional en la plantillas Tokyo y Berlin. 

Una vez elegido el tipo de link debemos configurar sus propiedades en la pestaña "Propiedades". Pulsa sobre el texto enlazado y accede a esta pestaña. Cada tipo de enlace solicitará configurar propiedades diferentes.

Configurar listados

  1. Selecciona el texto que vas a convertir en lista.
  2. Selecciona entre lista de texto numerada o con viñetas.
  3. Con el botón derecho del ratón, haz clic sobre la nueva lista y pulsa "Propiedades de la lista".
  4. En las propiedades podrás modificar:
    1. El número de inicio de la lista (si la lista es alfabética, indicaremos el número de la letra, es decir, si ponemos 3, la lista se iniciará en la letra C.
    2. El tipo listado. Si es un listado numerado se podrá elegir entre numeral, alfabético o numeración romana. Si es un listado de viñetas, se podrá seleccionar entre tres tipos de viñetas.

5. Adicionalmente, puedes crear listados indentados. Para ello:

a. Crea un listado. Después, selecciona el texto con todas la opciones que quieres indentar.

b. Pulsa el botón para aumentar sangría. El listado quedará creado.

c. Como recomendación, cambia el tipo de listado a formato bullets.

Adicionalmente, en la zona de Propiedades del texto, tienes dos propiedades específicas asociadas los listados:

  • Estilo de lista numerada: Permite seleccionar entre varios estilos: normal, negrita o cursiva. Solo aplica en la lista de tipo numeral
  • Color de lista: Aplica el color que elijas a los bullets o números de la lista. 

Configurar tablas

Algunas plantillas cuentan con un componente específico de "Tabla", que nos facilita presets de distintos tipos de tablas, lo que nos ahorra tiempo de edición. 

De todos modos, podemos crear tablas desde cero dentro de los textos. Para ello:

  1. Pulsa el botóndel editor.
  2. Indica si deseas que la tabla ocupe el 100% del ancho disponible y si quieres que tenga cabecera.
  3. Selecciona la cantidad de filas y columnas que debe tener.
  4. Al crear una tabla, se activa en el editor la barra de edición de tablas:

a. Propiedades – Modificar las propiedades y formatos de la tabla, de la fila, de la columna o de la celda.

b. Mover – Mover fila arriba o abajo | Mover columna a la derecha o a la izquierda

c. Añadir filas y columnas – Añadir fila arriba o abajo | Añadir columna a la derecha o a la izquierda | Añadir celda a la derecha o a la izquierda

d. Añadir celdas– Añadir celda a la izquierda| Añadir celda a la derecha

e. Eliminar – Eliminar columna, fila o celda

f. Unir – Unir celdas en horizontal o en vertical

g. Dividir – Dividir celdas en horizontal o en vertical

5. La tabla, sus filas, sus columnas y sus celdas tienen sus propiedades específicas, pero todas comparten el mismo comportamiento:

h. Estilos rápidos. Permite añadir rápidamente estilos básicos como color de fondo, borde, alineación del texto, etc.

i. Crear estilos propios. Con el botón "Añadir", se pueden configurar estilos personalizados mediante css.

j. Modificar estilos. Una vez añadido un estilo, podemos modificarlo (por ejemplo, en el caso superior podríamos cambiar el grosor del borde, de 1px a 2px).

Editar la fuente HTML

Pulsando la opción "Fuente HTML" podrás acceder al código fuente del texto y realizar directamente modificaciones, pegar código o añadir nuevo código.

Se recomienda utilizar poco de esta funcionalidad para evitar añadir códigos o CSS que puedan interferir en la programación de la plantilla.

Ahora bien, resulta útil para:

  • Copiar y pegar el código de una tabla que hayamos creado en otros textos, sobre todo si son tablas a las que hemos aplicado formatos especiales (color, configuración...).
  • Añadir el código embed de un vídeo alojado en un servidor de streaming (p. ej. de YouTube).

Recuerda
La posibilidad de incluir código HTML directamente en el contenido puede ayudar al autor a incluir ciertos recursos, como tablas o un enlace de YouTube, pero también tiene sus limitaciones para garantizar el correcto comportamiento del contenido.