Acciones de Documento

Formateo de contenido a través de editor visual

Tinymce es la herramienta que nos permitirá dar formato al texto de los diferentes tipos de elementos que introduzcamos, por ejemplo en el cuerpo de los objetos de tipo Documento. Tinymce nos permite, a través de una barra de herramientas, utilizar las opciones típicas de un editor de texto.

Las funciones que ofrece esta barra de herramientas son:

Cortar Permite cortar texto.

Copiar Permite copiar texto.

pegar Permite pegar texto.

Pegar texto plano Permite pegar como texto plano.

Pegar Word Permite pegar desde Word.

Negrita Permite poner el texto que seleccionemos en negrita (Ejemplo: negrita).

Cursiva Permite poner el texto que seleccionemos en cursiva (Ejemplo: cursiva).

Alinear izquierda Permite alinear a la izquierda lo que tengamos seleccionado.

Alinear centro Permite centrar lo que tengamos seleccionado.

Alinear derecha Permite alinear a la derecha lo que tengamos seleccionado.

Justificar Permite justificar lo que tengamos seleccionado.

Lista desordenada Añade una lista de elementos.

Lista numerada Añade una lista numerada.

Reducir sangria Reduce la sangría del texto seleccionado.

Aumentar sangria Aumenta la sangría del texto seleccionado.

Insertar editar imagen Permite insertar o editar imágenes.

insertar hipervinculo Permite insertar o editar hipervínculos. Se hará señalando con el ratón la palabra en la que queremos enlazar el vínculo, una vez hecho esto, se pulsará sobre el icono que aquí se indica y una vez hecho esto se podrá seleccionar con que se quiere vincular.

Quitar hipervinculo Permite quitar hipervínculos.

Permite insertar o editar anclas.

Insertar nueva tabla Permite insertar una tabla nueva.

Propiedades de la fila Permite ver las propiedades de la fila.

Propiedades de la celda Permite ver las propiedades de la celda.

Insertar fila Permite insertar fila (antes).

Insertar fila despues Permite insertar fila (después).

Suprimir fila Permite suprimir fila.

Insertar columna Permite insertar columna (antes).

Insertar columna despues Permite insertar columna (después).

Suprimir columna Permite suprimir columna.

Dividir celdas Permite dividir celdas.

Vincular celdas Permite vincular celdas.

Vista previa Permite la vista previa del documento.

Html Permite editar código HTML.

Cambiar modo completo Permite cambiar a modo pantalla completa.

Incluir imágenes a través del editor visual

Para incluir imágenes a través del editor será muy fácil para ello el primer paso será pulsar sobre el icono que se encuentra en las herramientas y, que anteriormente hemos señalado, se trata del este icono Insertar editar imagen

Una vez pulsado aparecerá una ventana como la que sigue:

editor_visual_agregrarimagen

Desde ésta se podrán adjuntar al texto imágenes que ya han sido subidas al portal portal o aquellas que son externas al mismo.

Enlazar imágenes del propio portal

Para enlazar imágenes que se encuentran en el propio portal se irá pulsando sobre las listas de librerías que aparecen a la izquierda y se podrá ir navegando por aquellos contenidos que poseen imágenes, de la carpeta actual de la sección, por la que se podrá ir ascendiendo por los niveles y por todas las secciones del portal, gracias al enlace Inicio.

De la misma forma, es muy útil el buscador que aparece a la izquierda, en caso de que sepamos el nombre del fichero.

editor_visual_vistapreviaimagen

Una vez localizado el fichero se pulsará sobre el checkbox que está al lado del nombre del fichero, y, una vez hecho esto, a la derecha aparecerá:

- Una previsualización de la imagen

- Descripción de la imagen, suele ser el título de la misma.

- Alineación, permite hacerlo en línea con el texto, a la derecha o a la izquierda.

- Dimensiones, elegir el tamaño que mejor conviene dependiendo del texto.

Después de dar forma a la imagen se pulsará en el botón Insertar, si se quiere subir la imagen o Cancelar, si finalmente no se opta por subir dicha imagen.

Enlazar imagen externa

Para enlazar imágenes que se encuentran en el propio ordenador se deberá pulsar en el botón Subir fichero, a la derecha aparecerá un campo que es Seleccionar archivo desde éste se podrá subir el archivo desde la propia máquina y se completarán los campos Título y Descripción, se subirá el mismo pulsando en Subir.

Hecho esto aparecerá una previsualización, como en las imágenes dentro del portal, a la que se le dará forma, y se pulsará en Insertar.

editor_visual_externo

Incluir enlaces por el editor visual

Para hacer esto se harán de varias formas:

Desde el propio contenido

En primer lugar hay que marcar que texto queremos que enlazar, para ello se seleccionará el texto, y a continuación se activará el icono de hipervínculos insertar hipervinculo, una vez hecho esto se abrirá una ventana como la que sigue:

editor_visual_contenido

Se podrá navegar por los contenidos que hay en la carpeta actual o ascender niveles, gracias al enlace que se encuentra justo encima del listado de objetos o bien ir al inicio e ir navegando por las distintas opciones que ofrece, una vez seleccionado, se hará pulsando en el checkbox que se sitúa al lado del nombre del archivo, se pulsará posteriormente en Insertar.

Si aparte de los contenidos que ya existen se quiere enlazar con otro tipo de contenido se hará pulsando en Subir fichero y se rellenarán los mismos campos que a la hora de subir una imagen se pulsará en Insertar.

Enlace externo

Si se quiere hipervincular con una página web en las opciones de la izquierda se pulsará sobre Externo y se completará la dirección web en el campo URL del hipervínculo.

Opcionalmente en el botón Previsualizar por si se quiere comprobar que se va a enlazar con la página correcta.

Y después en Insertar si todo es correcto.

editor_visual_enlaceexterno

Correo electrónico

Si lo que se quiere vincular es un correo se hará pulsando en la opción correo electrónico, en las que se completarán el correo electrónico de quien va a recibir el correo y el asunto.

editor_visual_correo

Anclas

Si se quiere hacer referencia a una parte del propio texto, normalmente con los títulos se hará a través de las anclas, para ello hay que pensar que lo que se quiere referenciar es un título del texto, una vez que se ha elegido el texto que se va a referenciar con él título se pulsará en la opción anclas y aparecerá un listado de todos los títulos que hay creados en la página se pulsará en el checkbox y después en insertar.

editor_visual_anclas

Esto mismo lo podremos hacer gracias al icono que aparece en el editor visual.